/*
 * KuralNest design tokens — the single source for colours and font stacks (see the ui-taste skill).
 * Radius, shadow and type scale are theme-independent and live in @kuralnest/config/tailwind/theme.css.
 * --on-text is the text colour on a --text background (primary buttons).
 * Light by default; dark via prefers-color-scheme or data-theme="dark". data-theme="light" forces light.
 */

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #fafaf9;
  --surface-2: #f5f5f4;
  --border: #e7e5e4;
  --text: #18181b;
  --text-2: #52525b;
  --text-3: #63636b;
  --on-text: #ffffff;
  --accent: #c2410c;
  --accent-soft-bg: #fff1e8;
  --accent-soft-fg: #9a3412;
  --success-bg: #ecfdf3;
  --success-fg: #067647;
  --warning-bg: #fff7e6;
  --warning-fg: #92400e;
  --danger-bg: #fef2f2;
  --danger-fg: #b42318;
}

:root {
  /* next/font sets --font-inter, --font-noto-* and --font-jetbrains-mono on <html>. */
  --font-stack-sans:
    var(--font-inter, "Inter"), var(--font-noto-tamil, "Noto Sans Tamil"),
    var(--font-noto-devanagari, "Noto Sans Devanagari"),
    var(--font-noto-telugu, "Noto Sans Telugu"), var(--font-noto-kannada, "Noto Sans Kannada"),
    var(--font-noto-malayalam, "Noto Sans Malayalam"),
    var(--font-noto-bengali, "Noto Sans Bengali"), var(--font-noto-gujarati, "Noto Sans Gujarati"),
    var(--font-noto-gurmukhi, "Noto Sans Gurmukhi"), var(--font-noto-oriya, "Noto Sans Oriya"),
    sans-serif;
  --font-stack-mono: var(--font-jetbrains-mono, "JetBrains Mono"), ui-monospace, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0f0f11;
    --surface: #161618;
    --surface-2: #1d1d20;
    --border: #2a2a2e;
    --text: #fafafa;
    --text-2: #a1a1aa;
    --text-3: #8b8b94;
    --on-text: #0f0f11;
    --accent: #fb923c;
    --accent-soft-bg: #3a1f12;
    --accent-soft-fg: #fdba74;
    --success-bg: #0f2a1d;
    --success-fg: #6ee7a8;
    --warning-bg: #2e2210;
    --warning-fg: #fcd34d;
    --danger-bg: #2d1414;
    --danger-fg: #fca5a5;
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f0f11;
  --surface: #161618;
  --surface-2: #1d1d20;
  --border: #2a2a2e;
  --text: #fafafa;
  --text-2: #a1a1aa;
  --text-3: #8b8b94;
  --on-text: #0f0f11;
  --accent: #fb923c;
  --accent-soft-bg: #3a1f12;
  --accent-soft-fg: #fdba74;
  --success-bg: #0f2a1d;
  --success-fg: #6ee7a8;
  --warning-bg: #2e2210;
  --warning-fg: #fcd34d;
  --danger-bg: #2d1414;
  --danger-fg: #fca5a5;
}