/*
 * Gitea custom theme — Corentin · Canopy Tide (light)
 *
 * Install:
 *   1. Copy to $GITEA_CUSTOM/public/assets/css/theme-corentin.css
 *   2. app.ini → THEMES = gitea-auto,gitea-light,gitea-dark,corentin
 *      DEFAULT_THEME = corentin
 *   3. Restart Gitea, then Settings → Appearance → "Canopy Tide"
 *   4. Hard-refresh the browser (Cmd+Shift+R)
 */

gitea-theme-meta-info {
  --theme-display-name: "Canopy Tide";
  --theme-color-scheme: light;
}

:root {
  color-scheme: light;
  --is-dark-theme: false;

  /* Cyan primary + forest green accent */
  --color-primary: #0891b2;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #0e7490;
  --color-primary-dark-2: #155e75;
  --color-primary-dark-3: #164e63;
  --color-primary-dark-4: #083344;
  --color-primary-dark-5: #062a35;
  --color-primary-dark-6: #041f29;
  --color-primary-dark-7: #021319;
  --color-primary-light-1: #06b6d4;
  --color-primary-light-2: #22d3ee;
  --color-primary-light-3: #67e8f9;
  --color-primary-light-4: #a5f3fc;
  --color-primary-light-5: #cffafe;
  --color-primary-light-6: #ecfeff;
  --color-primary-light-7: #f5feff;
  --color-primary-alpha-10: #0891b219;
  --color-primary-alpha-20: #0891b233;
  --color-primary-alpha-30: #0891b24b;
  --color-primary-alpha-40: #0891b266;
  --color-primary-alpha-50: #0891b280;
  --color-primary-alpha-60: #0891b299;
  --color-primary-alpha-70: #0891b2b3;
  --color-primary-alpha-80: #0891b2cc;
  --color-primary-alpha-90: #0891b2e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  --color-secondary: #d8dce8;
  --color-secondary-dark-1: #cfd4e0;
  --color-secondary-dark-2: #c0c5d4;
  --color-secondary-dark-3: #a0a5b4;
  --color-secondary-dark-4: #9095a4;
  --color-secondary-dark-5: #808594;
  --color-secondary-dark-6: #707584;
  --color-secondary-dark-7: #606574;
  --color-secondary-dark-8: #505564;
  --color-secondary-dark-9: #404554;
  --color-secondary-dark-10: #303544;
  --color-secondary-dark-11: #202534;
  --color-secondary-dark-12: #101524;
  --color-secondary-dark-13: #080c14;
  --color-secondary-light-1: #e4e8f2;
  --color-secondary-light-2: #eaedf6;
  --color-secondary-light-3: #f0f3fa;
  --color-secondary-light-4: #f6f8fc;
  --color-secondary-alpha-10: #d8dce819;
  --color-secondary-alpha-20: #d8dce833;
  --color-secondary-alpha-30: #d8dce84b;
  --color-secondary-alpha-40: #d8dce866;
  --color-secondary-alpha-50: #d8dce880;
  --color-secondary-alpha-60: #d8dce899;
  --color-secondary-alpha-70: #d8dce8b3;
  --color-secondary-alpha-80: #d8dce8cc;
  --color-secondary-alpha-90: #d8dce8e1;
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover: var(--color-secondary-dark-5);
  --color-secondary-active: var(--color-secondary-dark-6);

  --color-console-fg: #1a1f36;
  --color-console-fg-subtle: #5c6480;
  --color-console-bg: #ffffff;
  --color-console-border: #d8dce8;
  --color-console-hover-bg: #f0f2fa;
  --color-console-active-bg: #d8dce8;
  --color-console-menu-bg: #f6f7fb;
  --color-console-menu-border: #d8dce8;
  --color-console-link: #5c6480;

  --color-red: #db2828;
  --color-orange: #f2711c;
  --color-yellow: #fbbd08;
  --color-olive: #b5cc18;
  --color-green: #21ba45;
  --color-teal: #00b5ad;
  --color-blue: #0891b2;
  --color-violet: #0f766e;
  --color-purple: #166534;
  --color-pink: #e03997;
  --color-brown: #a5673f;
  --color-black: #1a1f36;

  --color-red-light: #e45e5e;
  --color-orange-light: #f59555;
  --color-yellow-light: #fcce46;
  --color-olive-light: #d3e942;
  --color-green-light: #46de6a;
  --color-teal-light: #08fff4;
  --color-blue-light: #22d3ee;
  --color-violet-light: #2dd4bf;
  --color-purple-light: #22c55e;
  --color-pink-light: #e86bb1;
  --color-brown-light: #c58b66;
  --color-black-light: #404868;

  --color-red-dark-1: #c82121;
  --color-orange-dark-1: #e6630d;
  --color-yellow-dark-1: #e5ac04;
  --color-olive-dark-1: #a3b816;
  --color-green-dark-1: #1ea73e;
  --color-teal-dark-1: #00a39c;
  --color-blue-dark-1: #0e7490;
  --color-violet-dark-1: #115e59;
  --color-purple-dark-1: #14532d;
  --color-pink-dark-1: #db228a;
  --color-brown-dark-1: #955d39;
  --color-black-dark-1: #282e48;

  --color-red-dark-2: #b11e1e;
  --color-orange-dark-2: #cc580c;
  --color-yellow-dark-2: #cc9903;
  --color-olive-dark-2: #91a313;
  --color-green-dark-2: #1a9537;
  --color-teal-dark-2: #00918a;
  --color-blue-dark-2: #155e75;
  --color-violet-dark-2: #134e4a;
  --color-purple-dark-2: #052e16;
  --color-pink-dark-2: #c21e7b;
  --color-brown-dark-2: #845232;
  --color-black-dark-2: #181c30;

  --color-ansi-black: #1a1f36;
  --color-ansi-red: #cc4848;
  --color-ansi-green: #21ba45;
  --color-ansi-yellow: #cc9903;
  --color-ansi-blue: #0891b2;
  --color-ansi-magenta: #166534;
  --color-ansi-cyan: #00918a;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #5c6480;
  --color-ansi-bright-red: #d15a5a;
  --color-ansi-bright-green: #46de6a;
  --color-ansi-bright-yellow: #eaaf03;
  --color-ansi-bright-blue: #22d3ee;
  --color-ansi-bright-magenta: #22c55e;
  --color-ansi-bright-cyan: #00b6ad;
  --color-ansi-bright-white: var(--color-console-fg);

  --color-series-16-0: #0891b2;
  --color-series-16-1: #166534;
  --color-series-16-2: #ce4751;
  --color-series-16-3: #8f9121;
  --color-series-16-4: #0f766e;
  --color-series-16-5: #22d3ee;
  --color-series-16-6: #c67d28;
  --color-series-16-7: #21ba45;
  --color-series-16-8: #aa4d30;
  --color-series-16-9: #0e7490;
  --color-series-16-10: #c45327;
  --color-series-16-11: #1ea73e;
  --color-series-16-12: #14532d;
  --color-series-16-13: #439d73;
  --color-series-16-14: #155e75;
  --color-series-16-15: #982e85;

  --color-grey: #9095a4;
  --color-grey-light: #a0a5b4;
  --color-gold: #a1882b;
  --color-white: #ffffff;

  --color-diff-added-fg: #177231;
  --color-diff-added-linenum-bg: #d1f8d9;
  --color-diff-added-row-bg: #e6ffed;
  --color-diff-added-row-border: #e6ffed;
  --color-diff-added-word-bg: #acf2bd;
  --color-diff-moved-row-bg: #f0ecff;
  --color-diff-moved-row-border: #c8b8f0;
  --color-diff-removed-fg: #c61f2b;
  --color-diff-removed-linenum-bg: #ffcecb;
  --color-diff-removed-row-bg: #ffeef0;
  --color-diff-removed-row-border: #f1c0c0;
  --color-diff-removed-word-bg: #fdb8c0;
  --color-diff-inactive: #f0f2f8;

  --color-error-border: #ff818266;
  --color-error-bg: #ffebe9;
  --color-error-bg-active: #ffcecb;
  --color-error-bg-hover: #ffdcd7;
  --color-error-text: #d1242f;
  --color-success-border: #4ac26b66;
  --color-success-bg: #dafbe1;
  --color-success-text: #1a7f37;
  --color-warning-border: #d4a72c66;
  --color-warning-bg: #fff8c5;
  --color-warning-text: #9a6700;
  --color-info-border: #0891b266;
  --color-info-bg: #ecfeff;
  --color-info-text: #0e7490;
  --color-priority-border: #16653466;
  --color-priority-bg: #f0fdf4;
  --color-priority-text: #166534;

  --color-red-badge: #db2828;
  --color-red-badge-bg: #db28281a;
  --color-red-badge-hover-bg: #db28284d;
  --color-green-badge: #21ba45;
  --color-green-badge-bg: #21ba451a;
  --color-green-badge-hover-bg: #21ba454d;
  --color-yellow-badge: #fbbd08;
  --color-yellow-badge-bg: #fbbd081a;
  --color-yellow-badge-hover-bg: #fbbd084d;
  --color-orange-badge: #f2711c;
  --color-orange-badge-bg: #f2711c1a;
  --color-orange-badge-hover-bg: #f2711c4d;

  --color-git: #166534;
  --color-logo: #0891b2;

  /* Surfaces — explicit light values (do not use var() aliases here) */
  --color-body: #ffffff;
  --color-box-header: #f4f6fb;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #eef0ff;
  --color-text-dark: #1a1f36;
  --color-text: #282e48;
  --color-text-light: #404868;
  --color-text-light-1: #505878;
  --color-text-light-2: #606888;
  --color-text-light-3: #747c94;
  --color-footer: #f6f7fb;
  --color-timeline: #d8dce8;
  --color-input-text: #1a1f36;
  --color-input-background: #ffffff;
  --color-input-toggle-background: #d8dce8;
  --color-input-border: #cfd4e0;
  --color-input-border-hover: #b8bfd0;
  --color-light: #5566f606;
  --color-light-border: #5566f614;
  --color-hover: #5566f608;
  --color-hover-opaque: #f0f2fa;
  --color-active: #5566f614;
  --color-menu: #f6f7fb;
  --color-card: #ffffff;
  --color-markup-table-row: #5566f606;
  --color-markup-code-block: #7c5cfc08;
  --color-markup-code-inline: #7c5cfc10;
  --color-button: #f6f7fb;
  --color-code-bg: #fafbfd;
  --color-code-sidebar-bg: #f0f2fa;
  --color-shadow: #1a1f3618;
  --color-shadow-opaque: #d8dce8;
  --color-secondary-bg: #f0f2fa;
  --color-expand-button: #e0e4fe;
  --color-placeholder-text: #747c94;
  --color-editor-line-highlight: #5566f620;
  --color-editor-selection: #5566f640;
  --color-project-column-bg: #f6f8fc;
  --color-project-board-bg: #f6f8fc;
  --color-caret: #1a1f36;
  --color-reaction-bg: #5566f60a;
  --color-reaction-hover-bg: #c5cdfd;
  --color-reaction-active-bg: #e0e4fe;
  --color-tooltip-text: #ffffff;
  --color-tooltip-bg: #282e48;
  --color-nav-bg: #f6f7fb;
  --color-nav-hover-bg: #eef0ff;
  --color-nav-text: #282e48;
  --color-navbar: #f6f7fb;
  --color-navbar-transparent: rgba(246, 247, 251, 0);
  --color-secondary-nav-bg: #fafbfd;
  --color-header-wrapper: #f6f7fb;
  --color-header-wrapper-transparent: rgba(246, 247, 251, 0);
  --color-label-text: #ffffff;
  --color-label-bg: #5566f6;
  --color-label-hover-bg: #4a59e0;
  --color-label-active-bg: #3f4dca;
  --color-accent: #7c5cfc;
  --color-small-accent: #e0e4fe;
  --color-highlight-fg: #886808;
  --color-highlight-bg: #fefae8;
  --color-overlay-backdrop: #1a1f3680;
  --color-danger: var(--color-red);
  --color-transparency-grid-light: #fafbfd;
  --color-transparency-grid-dark: #e4e8f2;
  --color-workflow-edge-hover: #9095a4;
  --color-text-focus: #1a1f36;
  --color-active-line: #d8dce8;

  /* Syntax — blue & purple */
  --color-syntax-keyword: #7c5cfc;
  --color-syntax-bool: #5566f6;
  --color-syntax-control: #9333ea;
  --color-syntax-name: #4a59e0;
  --color-syntax-type: #6848e0;
  --color-syntax-number: #3070c0;
  --color-syntax-operator: #7c5cfc;
  --color-syntax-regexp: #9333ea;
  --color-syntax-string: #177231;
  --color-syntax-comment: #747c94;
  --color-syntax-invalid: #c03030;
  --color-syntax-link: #5566f6;
  --color-syntax-tag: #7c5cfc;
  --color-syntax-attribute: #6848e0;
  --color-syntax-property: #5566f6;
  --color-syntax-variable: #4a59e0;
  --color-syntax-string-special: #9333ea;
  --color-syntax-escape: #6848e0;
  --color-syntax-entity: #6848e0;
  --color-syntax-preproc: #177231;
  --color-syntax-preproc-file: #5566f6;
  --color-syntax-decorator: #177231;
  --color-syntax-namespace: #404868;
  --color-syntax-name-pseudo: #6848e0;
  --color-syntax-comment-special: #9333ea;
  --color-syntax-text: inherit;
  --color-syntax-text-alt: #505878;
  --color-syntax-punctuation: inherit;
  --color-syntax-whitespace: #c0c5d4;
  --color-syntax-diff-fg: #1a1f36;
  --color-syntax-deleted-bg: #ffe0e0;
  --color-syntax-inserted-bg: #d8f0e0;
  --color-syntax-emph: #6848e0;
  --color-syntax-strong: inherit;
  --color-syntax-heading: #5566f6;
  --color-syntax-subheading: #7c5cfc;
  --color-syntax-output: #747c94;
  --color-syntax-prompt: #4a59e0;
  --color-syntax-traceback: #c03030;
  --color-syntax-matching-bracket-bg: #5566f638;
  --color-syntax-nonmatching-bracket-bg: #db282838;

  --fonts-proportional: "Inter", "Segoe UI", system-ui, sans-serif;
  --fonts-monospace: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --fonts-emoji: "Apple Color Emoji", "Noto Color Emoji", sans-serif;

  accent-color: #5566f6;
}

/* ================================================================== */
/*  Force light surfaces (fallback if vars are missed by a component)  */
/* ================================================================== */

html,
body {
  background-color: #ffffff !important;
  color: #282e48 !important;
  color-scheme: light !important;
}

.full.height,
.page-content,
#main.ui.container,
.repository,
.dashboard {
  background-color: #ffffff;
  color: #282e48;
}

.navbar,
#navbar,
.ui.menu.navbar {
  background-color: #f6f7fb !important;
  color: #282e48 !important;
}

/* ================================================================== */
/*  Blue / purple accents                                             */
/* ================================================================== */

.navbar {
  border-bottom: 1px solid #d8dce8 !important;
  box-shadow: 0 1px 0 #5566f610;
}

.navbar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #5566f6, #7c5cfc, #9333ea);
  opacity: 0.75;
}

.ui.segment,
.ui.card,
.ui.message,
.repository .segment,
.diff-file-box .ui.segment {
  background-color: #ffffff !important;
  border: 1px solid #d8dce8 !important;
  border-radius: 8px;
}

.repository .repo-title a {
  background: linear-gradient(135deg, #5566f6, #7c5cfc);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

.repository .ui.secondary.menu .active.item {
  color: #7c5cfc !important;
  border-bottom-color: #7c5cfc !important;
  font-weight: 600;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background: linear-gradient(135deg, #5566f6, #7c5cfc) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: linear-gradient(135deg, #4a59e0, #6848e0) !important;
}

.file-view.code,
.chroma,
.ui.repository .markup pre {
  background: #fafbfd !important;
  border: 1px solid #d8dce8 !important;
  border-left: 3px solid #7c5cfc !important;
}

.ui.repository .markup code:not(.hljs) {
  background: #f3efff !important;
  color: #6848e0 !important;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown.active {
  border-color: #5566f6 !important;
  box-shadow: 0 0 0 3px #5566f625 !important;
}

::selection {
  background: #7c5cfc30;
  color: #1a1f36;
}