/*
  Parokhet light theme (DEFAULT). Full chrome re-skin over Forgejo's CSS variables.
  Light-first: warm off-white grounds, ink text, hairline borders, one muted-brass
  accent (the gold thread), with the veil's blue/purple/scarlet reserved for the mark.
  No vendor branding anywhere; reads as Parokhet's own.
*/
@import "../chroma/light.css";
@import "../codemirror/light.css";
@import "../markup/light.css";

:root {
  /* neutrals (warm, linen-tinted) */
  --zinc-50: #fbfbfc;
  --zinc-100: #f4f5f8;
  --zinc-150: #eef0f4;
  --zinc-200: #e6e8ef;
  --zinc-250: #dde0e8;
  --zinc-300: #d3d7e2;
  --zinc-350: #c0c5d2;
  --zinc-400: #a7adbd;
  --zinc-450: #8a8fa3;
  --zinc-500: #6f7488;
  --zinc-550: #5b6274;
  --zinc-600: #4a4f60;
  --zinc-650: #3d4150;
  --zinc-700: #32363f;
  --zinc-750: #2a2e36;
  --zinc-800: #23262e;
  --zinc-850: #1d2026;
  --zinc-900: #171a21;

  /* brass accent (the gold thread) */
  --color-primary: #a97f2f;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #a97f2f;
  --color-primary-dark-2: #8a6524;
  --color-primary-dark-3: #8a6524;
  --color-primary-dark-4: #6e4f1c;
  --color-primary-dark-5: #6e4f1c;
  --color-primary-dark-6: #6e4f1c;
  --color-primary-dark-7: #6e4f1c;
  --color-primary-light-1: #c09a45;
  --color-primary-light-2: #c8a15a;
  --color-primary-light-3: #d4b276;
  --color-primary-light-4: #e2c794;
  --color-primary-light-5: #eeddbb;
  --color-primary-light-6: #f7efe0;
  --color-primary-light-7: #fbf7ee;
  --color-primary-alpha-10: #a97f2f19;
  --color-primary-alpha-20: #a97f2f33;
  --color-primary-alpha-30: #a97f2f4b;
  --color-primary-alpha-40: #a97f2f66;
  --color-primary-alpha-50: #a97f2f80;
  --color-primary-alpha-60: #a97f2f99;
  --color-primary-alpha-70: #a97f2fb3;
  --color-primary-alpha-80: #a97f2fcc;
  --color-primary-alpha-90: #a97f2fe1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
  --color-secondary: var(--zinc-200);
  --color-secondary-dark-1: var(--zinc-200);
  --color-secondary-dark-2: var(--zinc-300);
  --color-secondary-dark-3: var(--zinc-300);
  --color-secondary-dark-4: var(--zinc-400);
  --color-secondary-hover: var(--color-secondary-dark-2);
  --color-secondary-active: var(--color-secondary-dark-4);

  /* console (CI logs stay dark for legibility in both themes) */
  --color-console-fg: #e8eaf2;
  --color-console-fg-subtle: #9aa0b8;
  --color-console-bg: #14161d;
  --color-console-border: #262a38;
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: #2b3040;
  --color-console-menu-bg: #1b1f2a;
  --color-console-menu-border: #333947;

  /* status hues, tuned for a light ground */
  --color-red: #c6452f;
  --color-orange: #c07a1a;
  --color-yellow: #9a7414;
  --color-green: #1e7d4f;
  --color-teal: #0f7d74;
  --color-blue: #2f5fc0;
  --color-violet: #6f3a80;
  --color-purple: #6f3a80;
  --color-pink: #b03a6b;
  --color-brown: #96702a;
  --color-grey: #5b6274;
  --color-gold: #a97f2f;
  --color-white: #ffffff;

  /* diffs */
  --color-diff-removed-word-bg: #f6c9c2;
  --color-diff-added-word-bg: #aee3c6;
  --color-diff-removed-row-bg: #fbe7e3;
  --color-diff-moved-row-bg: #f6f0d8;
  --color-diff-added-row-bg: #e2f4ea;
  --color-diff-removed-row-border: #e6a89e;
  --color-diff-moved-row-border: #e2d393;
  --color-diff-added-row-border: #93d4b2;
  --color-diff-inactive: var(--zinc-100);

  /* alerts */
  --color-error-border: #eec2bb;
  --color-error-bg: #fbe7e3;
  --color-error-text: #7c2a1b;
  --color-success-border: #a9dcc2;
  --color-success-bg: #e2f4ea;
  --color-success-text: #14532d;
  --color-warning-border: #e8d393;
  --color-warning-bg: #f7efd6;
  --color-warning-text: #6b5310;
  --color-info-border: #bcd0ee;
  --color-info-bg: #e3ecfa;
  --color-info-text: #1e3f86;

  /* target surfaces */
  --color-body: #f4f5f8;
  --color-box-header: #eef0f4;
  --color-box-body: #ffffff;
  --color-box-body-highlight: var(--zinc-150);
  --color-text-dark: #171a21;
  --color-text: #171a21;
  --color-text-light: var(--zinc-650);
  --color-text-light-1: var(--zinc-600);
  --color-text-light-2: var(--zinc-550);
  --color-text-light-3: var(--zinc-450);
  --color-footer: #eef0f4;
  --color-timeline: var(--zinc-200);
  --color-input-text: #1d2026;
  --color-input-background: #ffffff;
  --color-input-border: var(--zinc-300);
  --color-input-border-hover: var(--zinc-400);
  --color-header-wrapper: #ffffff;
  --color-hover: #e7e9ef;
  --color-active: #e0e3ea;
  --color-menu: #ffffff;
  --color-card: #ffffff;
  --color-button: var(--zinc-150);
  --color-code-bg: #f6f7f9;
  --color-secondary-bg: var(--zinc-100);
  --color-nav-bg: #ffffff;
  --color-nav-hover-bg: var(--zinc-150);
  --color-secondary-nav-bg: #ffffff;
  --color-markup-code-block: var(--zinc-100);
  --color-markup-code-inline: var(--zinc-150);
  --color-placeholder-text: var(--color-text-light-3);
  --color-caret: var(--color-text);
  --color-label-text: var(--color-text);
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-dark-2);
  --color-highlight-bg: var(--color-primary-light-6);
  --color-tooltip-text: #ffffff;
  --color-tooltip-bg: #1d2026f0;
  --color-overlay-backdrop: #171a21c0;
  --color-selection-bg: var(--color-primary-light-4);
  --color-selection-fg: #171a21;

  accent-color: var(--color-accent);
  color-scheme: light;
}

/* ---- brand polish ---- */
#navbar-logo img { content: url("/assets/img/logo.svg"); }
footer.page-footer { color: var(--color-text-light-2); }
.ui.primary.button, .ui.primary.labels .label { background-color: var(--color-primary) !important; }
.ui.primary.button:hover { background-color: var(--color-primary-hover) !important; }
a { color: var(--color-primary-dark-2); }
a:hover { color: var(--color-primary-dark-1); }