/* Viroan — design tokens (themes + accents) */
:root {
  /* Default to dark theme */
  --bg-0: #0a0d0c;
  --bg-1: #0f1413;
  --bg-2: #141a18;
  --bg-3: #1a221f;
  --bg-card: #11161488;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);
  --fg-0: #f5f7f6;
  --fg-1: #cfd5d2;
  --fg-2: #8a928f;
  --fg-3: #5b625f;
  --accent: oklch(0.78 0.16 155);
  --accent-2: oklch(0.86 0.12 155);
  --accent-soft: oklch(0.78 0.16 155 / 0.12);
  --accent-line: oklch(0.78 0.16 155 / 0.32);
  --danger: oklch(0.7 0.18 25);
  --warn:   oklch(0.82 0.14 75);
  --good:   oklch(0.78 0.16 155);
}
[data-theme="light"] {
  --bg-0: #f6f4ee;     /* warm off-white, low saturation */
  --bg-1: #efece4;
  --bg-2: #e7e3d8;
  --bg-3: #ddd8c9;
  --bg-card: #ffffff;
  --line: rgba(20,30,25,0.10);
  --line-strong: rgba(20,30,25,0.18);
  --fg-0: #0d1311;
  --fg-1: #3a423e;
  --fg-2: #6c736f;
  --fg-3: #98a09c;
  --accent: oklch(0.42 0.12 155);
  --accent-2: oklch(0.52 0.14 155);
  --accent-soft: oklch(0.42 0.12 155 / 0.10);
  --accent-line: oklch(0.42 0.12 155 / 0.30);
}

/* Type system */
:root {
  --font-display: "Michroma", "Aceh", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Manrope", "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
}