/* KANI design tokens */
:root {
  --primary: #163D34;
  --primary-600: #1D4D42;
  --secondary: #28836C;
  --secondary-50: #E3F1EC;
  --sage: #E9F1EB;
  --bg: #F7F8F5;
  --gold: #E7B65D;
  --gold-50: #FBF1DE;
  --text: #263C36;
  --text-muted: #5D6E68;
  --text-faint: #8A9893;
  --white: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F3F6F2;
  --surface-3: #EAF0EB;
  --border: #E1E7E2;
  --border-strong: #CBD5CE;

  --success: #237A63; --success-bg: #E2F2EC;
  --warning: #9A6A12; --warning-bg: #FBF0D9;
  --danger: #B23D35;  --danger-bg: #FBE7E4;
  --info: #2B6585;    --info-bg: #E3EEF5;
  --purple: #6A4C93;  --purple-bg: #EFE8F7;

  --font-ui: 'Plus Jakarta Sans', 'Noto Sans Tamil', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-data: 'Inter', 'Noto Sans Tamil', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ta: 'Noto Sans Tamil', 'Plus Jakarta Sans', system-ui, sans-serif;

  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-xl: 22px;
  --shadow-sm: 0 1px 2px rgba(22, 61, 52, .06);
  --shadow: 0 1px 2px rgba(22, 61, 52, .05), 0 6px 18px -6px rgba(22, 61, 52, .12);
  --shadow-lg: 0 18px 50px -12px rgba(22, 61, 52, .32);
  --ring: 0 0 0 3px rgba(40, 131, 108, .28);
  --sidebar-w: 268px; --sidebar-w-collapsed: 76px; --topbar-h: 64px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 140ms; --t: 220ms;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --primary: #9FD9C4; --primary-600: #B6E5D3; --secondary: #4FB494; --secondary-50: #173A31;
  --sage: #18302A; --bg: #0E1A17; --gold: #E7B65D; --gold-50: #3A2F18;
  --text: #E4EEEA; --text-muted: #A5B8B1; --text-faint: #7C8F88;
  --surface: #14231F; --surface-2: #192B26; --surface-3: #20352F; --border: #263C36; --border-strong: #345049;
  --success: #6DD3AE; --success-bg: #183A2F; --warning: #F0C46E; --warning-bg: #3A2F18;
  --danger: #F08F86; --danger-bg: #3E211E; --info: #8CC3E3; --info-bg: #1A3242; --purple: #C8B0EC; --purple-bg: #2C2440;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -8px rgba(0, 0, 0, .5);
  --shadow-lg: 0 18px 50px -12px rgba(0, 0, 0, .7);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --primary: #9FD9C4; --primary-600: #B6E5D3; --secondary: #4FB494; --secondary-50: #173A31;
    --sage: #18302A; --bg: #0E1A17; --gold: #E7B65D; --gold-50: #3A2F18;
    --text: #E4EEEA; --text-muted: #A5B8B1; --text-faint: #7C8F88;
    --surface: #14231F; --surface-2: #192B26; --surface-3: #20352F; --border: #263C36; --border-strong: #345049;
    --success: #6DD3AE; --success-bg: #183A2F; --warning: #F0C46E; --warning-bg: #3A2F18;
    --danger: #F08F86; --danger-bg: #3E211E; --info: #8CC3E3; --info-bg: #1A3242; --purple: #C8B0EC; --purple-bg: #2C2440;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -8px rgba(0, 0, 0, .5);
    color-scheme: dark;
  }
}