@import url("./chroma/dark.css");
@import url("./codemirror/dark.css");
@import url("./markup/dark.css");

:root {
  color-scheme: dark;
  --is-dark-theme: true;

  /* ── Warm-neutral scale (replaces steel) ── */
  --warm-900: #141311;
  --warm-850: #181715;
  --warm-800: #1E1E1E;
  --warm-750: #252422;
  --warm-700: #2D2D2D;
  --warm-650: #363432;
  --warm-600: #423F3C;
  --warm-550: #504C48;
  --warm-500: #5E5955;
  --warm-450: #6D6862;
  --warm-400: #7C766F;
  --warm-350: #8B857E;
  --warm-300: #9B9590;
  --warm-250: #ACA6A0;
  --warm-200: #BDB8B1;
  --warm-150: #CEC9C2;
  --warm-100: #DFD9D3;

  /* ── Primary: Bronze ── */
  --color-primary: #A8906A;
  --color-primary-contrast: #1E1E1E;
  --color-primary-dark-1: #BDA885;
  --color-primary-dark-2: #BDA885;
  --color-primary-dark-3: #D2C0A0;
  --color-primary-dark-4: #D2C0A0;
  --color-primary-dark-5: #E8D8BC;
  --color-primary-dark-6: #E8D8BC;
  --color-primary-dark-7: #F5EFE5;
  --color-primary-light-1: #8C7652;
  --color-primary-light-2: #7D6847;
  --color-primary-light-3: #6E5A3C;
  --color-primary-light-4: #5E4D33;
  --color-primary-light-5: #5E4D33;
  --color-primary-light-6: #4E4029;
  --color-primary-light-7: #4E4029;
  --color-primary-alpha-10: #8C765219;
  --color-primary-alpha-20: #8C765233;
  --color-primary-alpha-30: #8C76524b;
  --color-primary-alpha-40: #8C765266;
  --color-primary-alpha-50: #8C765280;
  --color-primary-alpha-60: #8C765299;
  --color-primary-alpha-70: #8C7652b3;
  --color-primary-alpha-80: #8C7652cc;
  --color-primary-alpha-90: #8C7652e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);

  /* ── Secondary ── */
  --color-secondary: var(--warm-700);
  --color-secondary-dark-1: var(--warm-550);
  --color-secondary-dark-2: var(--warm-500);
  --color-secondary-dark-3: var(--warm-450);
  --color-secondary-dark-4: var(--warm-400);
  --color-secondary-dark-5: var(--warm-350);
  --color-secondary-dark-6: var(--warm-300);
  --color-secondary-dark-7: var(--warm-250);
  --color-secondary-dark-8: var(--warm-200);
  --color-secondary-dark-9: var(--warm-150);
  --color-secondary-dark-10: var(--warm-100);
  --color-secondary-dark-11: var(--warm-100);
  --color-secondary-dark-12: var(--warm-100);
  --color-secondary-dark-13: var(--warm-100);
  --color-secondary-light-1: var(--warm-650);
  --color-secondary-light-2: var(--warm-700);
  --color-secondary-light-3: var(--warm-750);
  --color-secondary-light-4: var(--warm-800);
  --color-secondary-alpha-10: #2D2D2D19;
  --color-secondary-alpha-20: #2D2D2D33;
  --color-secondary-alpha-30: #2D2D2D4b;
  --color-secondary-alpha-40: #2D2D2D66;
  --color-secondary-alpha-50: #2D2D2D80;
  --color-secondary-alpha-60: #2D2D2D99;
  --color-secondary-alpha-70: #2D2D2Db3;
  --color-secondary-alpha-80: #2D2D2Dcc;
  --color-secondary-alpha-90: #2D2D2De1;
  --color-secondary-hover: var(--color-secondary-light-1);
  --color-secondary-active: var(--color-secondary-light-2);

  /* ── Semantic: Scarlet (error) ── */
  --color-red: #C47272;
  --color-red-light: #D4A0A0;
  --color-red-dark-1: #8B3A3A;
  --color-red-dark-2: #6B2A2A;
  --color-error-border: #8B3A3A;
  --color-error-bg: #5A2525;
  --color-error-bg-active: #8B3A3A;
  --color-error-bg-hover: #8B3A3A;
  --color-error-text: #F2EDE4;

  /* ── Semantic: Sage (success) ── */
  --color-green: #7F9B7F;
  --color-green-light: #A0BCA0;
  --color-green-dark-1: #5A6E5A;
  --color-green-dark-2: #3A4E3A;
  --color-success-border: #5A6E5A;
  --color-success-bg: #2A3E2A;
  --color-success-text: #A0BCA0;

  /* ── Semantic: Amber (warning) ── */
  --color-yellow: #C4A45A;
  --color-yellow-light: #D4BC7A;
  --color-yellow-dark-1: #8B6B2A;
  --color-yellow-dark-2: #6B5020;
  --color-warning-border: #8B6B2A;
  --color-warning-bg: #5A4420;
  --color-warning-text: #E8D8BC;

  /* ── Semantic: Slate Blue (info) ── */
  --color-blue: #7A92A8;
  --color-blue-light: #A0B4C8;
  --color-blue-dark-1: #5A6B7A;
  --color-blue-dark-2: #3A4B5A;
  --color-info-border: #5A6B7A;
  --color-info-bg: #2A3B4A;
  --color-info-text: var(--warm-100);

  /* ── Other semantic colors ── */
  --color-orange: #C4945A;
  --color-orange-light: #D4AC7A;
  --color-orange-dark-1: #8B6530;
  --color-orange-dark-2: #6B4C20;
  --color-olive: #91a313;
  --color-olive-light: #b8cc40;
  --color-olive-dark-1: #728212;
  --color-olive-dark-2: #586310;
  --color-teal: #0d9488;
  --color-teal-light: #2dd4c8;
  --color-teal-dark-1: #0a7069;
  --color-teal-dark-2: #064e4a;
  --color-violet: #7c3aed;
  --color-violet-light: #a78bfa;
  --color-violet-dark-1: #5b21b6;
  --color-violet-dark-2: #4c1d95;
  --color-purple: #9333ea;
  --color-purple-light: #c084fc;
  --color-purple-dark-1: #7e22ce;
  --color-purple-dark-2: #6b21a8;
  --color-pink: #db2777;
  --color-pink-light: #f472b6;
  --color-pink-dark-1: #be185d;
  --color-pink-dark-2: #9d174d;
  --color-brown: #A8906A;
  --color-brown-light: #BDA885;
  --color-brown-dark-1: #7D6847;
  --color-brown-dark-2: #5E4D33;
  --color-grey: var(--warm-500);
  --color-grey-light: var(--warm-350);
  --color-grey-dark-1: var(--warm-650);
  --color-grey-dark-2: var(--warm-750);
  --color-black: #141311;
  --color-black-light: var(--warm-800);
  --color-black-dark-1: #0d0c0b;
  --color-black-dark-2: #060605;
  --color-gold: #C4A45A;
  --color-white: #ffffff;
  --color-pure-black: #000000;

  /* ── Diff: Scarlet removed, Sage added ── */
  --color-diff-removed-word-bg: #8B3A3A;
  --color-diff-added-word-bg: #3A5E3A;
  --color-diff-removed-row-bg: #4A2020;
  --color-diff-moved-row-bg: #5A4420;
  --color-diff-added-row-bg: #1E3E1E;
  --color-diff-removed-row-border: #8B3A3A;
  --color-diff-moved-row-border: #8B6B2A;
  --color-diff-added-row-border: #5A6E5A;
  --color-diff-inactive: var(--warm-650);

  /* ── Body / Layout ── */
  --color-body: var(--warm-800);
  --color-box-header: var(--warm-700);
  --color-box-body: var(--warm-750);
  --color-box-body-highlight: var(--warm-650);
  --color-footer: var(--warm-900);
  --color-header-wrapper: var(--warm-850);
  --color-header-wrapper-transparent: #25242200;
  --color-timeline: var(--warm-650);

  /* ── Text ── */
  --color-text-dark: #F2EDE4;
  --color-text: var(--warm-100);
  --color-text-light: var(--warm-150);
  --color-text-light-1: var(--warm-150);
  --color-text-light-2: var(--warm-200);
  --color-text-light-3: var(--warm-200);
  --color-text-focus: #F2EDE4;
  --color-placeholder-text: var(--color-text-light-3);
  --color-caret: var(--color-text);

  /* ── Input ── */
  --color-input-text: var(--warm-100);
  --color-input-background: var(--warm-650);
  --color-input-toggle-background: var(--warm-650);
  --color-input-border: var(--warm-550);
  --color-input-border-hover: var(--warm-450);

  /* ── Button / Interactive ── */
  --color-button: var(--warm-600);
  --color-hover: var(--warm-600);
  --color-active: var(--warm-650);
  --color-light: #00000028;
  --color-light-border: #ffffff28;
  --color-expand-button: var(--warm-600);

  /* ── Card / Menu / Nav ── */
  --color-card: var(--warm-700);
  --fancy-card-bg: var(--warm-650);
  --fancy-card-border: var(--warm-600);
  --color-menu: var(--warm-700);
  --color-nav-bg: var(--warm-900);
  --color-nav-hover-bg: var(--warm-600);
  --color-secondary-nav-bg: var(--color-body);
  --color-secondary-bg: var(--warm-700);

  /* ── Tooltip ── */
  --color-tooltip-text: #F2EDE4;
  --color-tooltip-bg: #000000f0;

  /* ── Code / Markup ── */
  --color-code-bg: var(--warm-750);
  --color-markup-table-row: #ffffff06;
  --color-markup-code-block: var(--warm-800);
  --color-markup-code-inline: var(--warm-850);
  --color-editor-line-highlight: var(--warm-700);

  /* ── Console ── */
  --color-console-fg: #F2EDE4;
  --color-console-fg-subtle: var(--warm-300);
  --color-console-bg: #181715;
  --color-console-border: var(--warm-600);
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: var(--warm-550);
  --color-console-menu-bg: var(--warm-600);
  --color-console-menu-border: var(--warm-400);

  /* ── Label ── */
  --color-label-text: #F2EDE4;
  --color-label-bg: var(--warm-600);
  --color-label-hover-bg: var(--warm-550);
  --color-label-active-bg: var(--warm-500);
  --color-label-bg-alt: var(--warm-550);

  /* ── Badge ── */
  --color-red-badge: #C47272;
  --color-red-badge-bg: #5A2525;
  --color-red-badge-hover-bg: #6B2A2A;
  --color-green-badge: #7F9B7F;
  --color-green-badge-bg: #2A3E2A;
  --color-green-badge-hover-bg: #3A4E3A;
  --color-yellow-badge: #C4A45A;
  --color-yellow-badge-bg: #5A4420;
  --color-yellow-badge-hover-bg: #6B5020;
  --color-orange-badge: #C4945A;
  --color-orange-badge-bg: #5A3A20;
  --color-orange-badge-hover-bg: #6B4C20;

  /* ── Reaction ── */
  --color-reaction-bg: #ffffff12;
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-reaction-hover-bg: var(--color-primary-alpha-40);

  /* ── Accent / Highlight / Overlay ── */
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-overlay-backdrop: #080808c0;
  --color-shadow: #00000060;

  /* ── Selection ── */
  --color-selection-bg: var(--warm-100);
  --color-selection-fg: var(--color-pure-black);
  --checkerboard-color-1: #474747;
  --checkerboard-color-2: #313131;
  --color-project-board-bg: var(--color-secondary-light-3);
  --color-project-board-dark-label: var(--color-text-light-3);
  accent-color: var(--color-accent);

  /* ── ANSI terminal ── */
  --color-ansi-black: #3c3836;
  --color-ansi-red: #C47272;
  --color-ansi-green: #7F9B7F;
  --color-ansi-yellow: #C4A45A;
  --color-ansi-blue: #7A92A8;
  --color-ansi-magenta: #B08DAD;
  --color-ansi-cyan: #6DA8A0;
  --color-ansi-white: #DFD9D3;
  --color-ansi-bright-black: #5E5955;
  --color-ansi-bright-red: #D4A0A0;
  --color-ansi-bright-green: #A0BCA0;
  --color-ansi-bright-yellow: #D4BC7A;
  --color-ansi-bright-blue: #A0B4C8;
  --color-ansi-bright-magenta: #C8B0C4;
  --color-ansi-bright-cyan: #90C0B8;
  --color-ansi-bright-white: #F2EDE4;

  /* ── Typography ── */
  --fonts-proportional: 'Source Serif 4', Georgia, 'Noto Serif', serif;
}