/* Global overflow safety + dark theme (extends RONAKI tokens; not in the base design system) */
html, body { max-width: 100%; overflow-x: hidden; }

html.theme-transition, html.theme-transition * { transition: background-color .18s ease, color .18s ease, border-color .18s ease !important; }

html[data-theme="dark"] {
  color-scheme: dark;
  --maroon-50: oklch(0.22 0.05 18);
  --maroon-100: oklch(0.26 0.06 18);
  --maroon-200: oklch(0.32 0.08 18);
  --maroon-300: oklch(0.42 0.10 18);
  --maroon-400: oklch(0.52 0.13 18);
  --maroon-500: oklch(0.62 0.15 18);
  --maroon-600: oklch(0.56 0.15 18);
  --maroon-700: oklch(0.68 0.15 18);
  --maroon-800: oklch(0.28 0.10 18);
  --maroon-900: oklch(0.18 0.06 18);
  --maroon-950: oklch(0.11 0.035 18);

  --gold-50: oklch(0.24 0.03 92);
  --gold-100: oklch(0.30 0.05 92);
  --gold-300: oklch(0.78 0.11 92);
  --gold-500: oklch(0.80 0.148 88);
  --gold-700: oklch(0.66 0.13 78);

  --ink-0: oklch(0.15 0.012 40);
  --ink-25: oklch(0.18 0.013 40);
  --ink-50: oklch(0.22 0.014 40);
  --ink-100: oklch(0.30 0.016 40);
  --ink-200: oklch(0.38 0.017 40);
  --ink-300: oklch(0.48 0.018 40);
  --ink-400: oklch(0.58 0.017 40);
  --ink-500: oklch(0.66 0.015 40);
  --ink-600: oklch(0.74 0.013 40);
  --ink-700: oklch(0.82 0.011 40);
  --ink-800: oklch(0.90 0.008 40);
  --ink-900: oklch(0.95 0.006 40);
  --ink-950: oklch(0.98 0.004 40);

  --surface-canvas: var(--ink-0);
  --surface-card: oklch(0.20 0.016 40);
  --surface-sunken: oklch(0.12 0.014 40);
  --surface-inverse: oklch(0.09 0.03 18);

  --border-default: oklch(0.30 0.018 40);
  --border-strong: oklch(0.40 0.02 40);
  --border-focus: var(--maroon-500);

  --text-heading: oklch(0.97 0.006 50);
  --text-body: oklch(0.86 0.01 45);
  --text-muted: oklch(0.62 0.013 42);
  --text-faint: oklch(0.42 0.014 40);
  --text-inverse: oklch(0.97 0.006 50);
  --text-on-primary: oklch(0.99 0.003 50);
  --text-link: var(--maroon-400);
  --text-link-hover: var(--maroon-300);

  --color-primary: var(--maroon-500);
  --color-primary-hover: var(--maroon-400);
  --color-primary-active: var(--maroon-300);
  --color-primary-soft: oklch(0.26 0.06 18);
  --color-accent: var(--gold-500);
  --color-accent-strong: var(--gold-300);

  --success-tint: oklch(0.26 0.05 148);
  --warning-tint: oklch(0.28 0.06 78);
  --danger-tint: oklch(0.26 0.06 26);
  --info-tint: oklch(0.26 0.04 240);
}