/*
  Design tokens for Ghirs.
  Values come straight from the design prototype's light/dark theme objects.
  theme-lang.js writes the --* custom properties onto <html> at runtime
  (light values below are the defaults baked into the stylesheet so the
  page still looks right even before JS runs).
*/

:root {
  --bg: #F3F0E8;
  --surface: #FFFFFF;
  --sunk: #E9E5DA;
  --ink: #0D1F1B;
  --muted: #4E615C;
  --line: rgba(13, 31, 27, 0.12);
  --brand: #0E5A4C;
  --brand-ink: #FFFFFF;
  --save: #0F7A55;
  --accent: #C8F169;
  --accent-ink: #0D1F1B;
  --warn: #A24D06;
  --warn-bg: #FBEBD5;
  --err: #B42318;
  --err-bg: #FDE8E5;
  --ghost: rgba(13, 31, 27, 0.06);

  --font-text: 'Noto Sans Georgian', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --radius-lg: 28px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --space-unit: 8px;
}

:root[data-theme='dark'] {
  --bg: #09090A;
  --surface: #131315;
  --sunk: #1B1B1E;
  --ink: #F2F2F0;
  --muted: #9A9A9E;
  --line: rgba(255, 255, 255, 0.11);
  --brand: #43C4A2;
  --brand-ink: #04120D;
  --save: #5FE0A9;
  --accent: #C8F169;
  --accent-ink: #0D1F1B;
  --warn: #F2B657;
  --warn-bg: rgba(242, 182, 87, 0.13);
  --err: #FF8A7A;
  --err-bg: rgba(255, 138, 122, 0.12);
  --ghost: rgba(255, 255, 255, 0.06);
}

/* Language visibility: data-lang on <html> flips which inline spans show. */
:root[data-lang='ka'] .lang-en { display: none; }
:root[data-lang='en'] .lang-ka { display: none; }