/* ========= Attesta.uz Design Tokens ========= */
:root {
  /* Accent — warm green */
  --accent: oklch(0.68 0.17 155);
  --accent-soft: oklch(0.94 0.06 155);
  --accent-ink: oklch(0.32 0.08 155);
  --accent-2: oklch(0.74 0.16 65);        /* amber */
  --accent-2-soft: oklch(0.95 0.07 65);

  /* Hex fallbacks */
  --accent-hex: #3DB87A;
  --accent-soft-hex: #D9F2E3;
  --accent-ink-hex: #1F5A3B;
  --accent-2-hex: #E8A93B;
  --accent-2-soft-hex: #F7EBCF;

  /* Neutrals (warm, low chroma) */
  --bg: oklch(0.985 0.004 90);          /* #FBFAF6 */
  --surface: #ffffff;
  --surface-2: oklch(0.965 0.006 90);   /* #F4F2EC */
  --surface-3: oklch(0.94 0.008 90);    /* #ECE9E1 */
  --line: oklch(0.9 0.008 90);          /* #DEDBD1 */
  --line-strong: oklch(0.82 0.01 90);   /* #C7C3B7 */
  --ink: oklch(0.22 0.012 90);          /* #2A2720 */
  --ink-2: oklch(0.38 0.012 90);        /* #4F4A3F */
  --ink-3: oklch(0.55 0.012 90);        /* #7A7367 */
  --muted: oklch(0.7 0.01 90);          /* #A19A8D */

  /* Semantic */
  --danger: oklch(0.62 0.2 25);         /* #D94F3C */
  --danger-soft: oklch(0.95 0.04 25);
  --info: oklch(0.62 0.14 240);         /* #5B8ED1 */
  --info-soft: oklch(0.95 0.04 240);
  --warn: oklch(0.74 0.16 65);
  --warn-soft: oklch(0.95 0.07 65);

  /* Typography */
  --font-head: 'Manrope', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Radius */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 0 oklch(0 0 0 / 0.04), 0 1px 2px oklch(0 0 0 / 0.04);
  --shadow-md: 0 2px 4px oklch(0 0 0 / 0.04), 0 8px 24px oklch(0 0 0 / 0.06);
  --shadow-lg: 0 4px 8px oklch(0 0 0 / 0.04), 0 20px 40px oklch(0 0 0 / 0.08);
  --shadow-focus: 0 0 0 4px oklch(0.68 0.17 155 / 0.2);

  /* Spacing unit (for density control) */
  --space-unit: 1;
}

/* Dark mode */
[data-theme="dark"] {
  --bg: oklch(0.17 0.008 90);
  --surface: oklch(0.22 0.008 90);
  --surface-2: oklch(0.26 0.008 90);
  --surface-3: oklch(0.3 0.008 90);
  --line: oklch(0.32 0.008 90);
  --line-strong: oklch(0.42 0.01 90);
  --ink: oklch(0.97 0.004 90);
  --ink-2: oklch(0.82 0.006 90);
  --ink-3: oklch(0.65 0.008 90);
  --muted: oklch(0.55 0.008 90);
  --accent-soft: oklch(0.32 0.08 155);
  --accent-ink: oklch(0.88 0.1 155);
  --accent-2-soft: oklch(0.34 0.08 65);
  --shadow-sm: 0 1px 0 oklch(0 0 0 / 0.3);
  --shadow-md: 0 2px 4px oklch(0 0 0 / 0.2), 0 8px 24px oklch(0 0 0 / 0.3);
  --shadow-lg: 0 4px 8px oklch(0 0 0 / 0.3), 0 20px 40px oklch(0 0 0 / 0.4);
  --danger-soft: oklch(0.32 0.08 25);
  --info-soft: oklch(0.3 0.06 240);
}