/* ============================================================
   AUTOMOST — Design Tokens
   Clean, spacious, Apple-like. Warm-neutral light surfaces,
   one cobalt accent, a trust-green for the reliability system.
   ============================================================ */

:root {
  /* ---- Neutrals (cool navy-tinted, very low chroma) ---- */
  --bg:        oklch(0.985 0.004 283);   /* page background */
  --surface:   oklch(1 0 0);             /* cards */
  --surface-2: oklch(0.971 0.005 283);   /* sunken / subtle fills */
  --line:      oklch(0.905 0.007 283);   /* hairlines — crisper for block delineation */
  --line-2:    oklch(0.945 0.006 283);   /* faint dividers */

  --ink-0:     oklch(0.205 0.06 283);    /* max-contrast headlines */
  --ink:       oklch(0.25 0.07 283);     /* primary text, brand deep navy */
  --ink-2:     oklch(0.45 0.045 283);    /* secondary text */
  --ink-3:     oklch(0.60 0.03 285);     /* tertiary / captions */
  --ink-4:     oklch(0.72 0.022 285);    /* placeholder */

  /* ---- Accent: brand coral (#e94b5a) ---- */
  --accent:        oklch(0.635 0.17 18);
  --accent-press:  oklch(0.565 0.17 18);
  --accent-soft:   oklch(0.95 0.045 18);
  --accent-softer: oklch(0.975 0.022 18);
  --accent-ink:    oklch(0.53 0.165 18);

  /* ---- Trust green (reliability system) ---- */
  --trust:       oklch(0.62 0.14 158);
  --trust-soft:  oklch(0.95 0.05 158);
  --trust-ink:   oklch(0.46 0.13 158);

  /* ---- Warn / premium gold ---- */
  --gold:      oklch(0.78 0.13 85);
  --gold-soft: oklch(0.96 0.05 85);
  --gold-ink:  oklch(0.55 0.11 75);

  --danger:    oklch(0.58 0.20 22);
  --danger-soft: oklch(0.96 0.04 22);

  /* ---- Type ---- */
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ---- Radii — minimal 5px rounding everywhere ---- */
  --r-xs: 5px;
  --r-sm: 5px;
  --r-md: 5px;
  --r-lg: 5px;
  --r-xl: 5px;
  --r-pill: 5px;

  /* ---- Shadows (crisp, layered, navy-tinted — premium low-spread) ---- */
  --sh-1: 0 1px 1px oklch(0.4 0.03 283 / 0.05), 0 1px 2px oklch(0.4 0.03 283 / 0.05);
  --sh-2: 0 1px 2px oklch(0.4 0.03 283 / 0.05), 0 8px 20px oklch(0.38 0.03 283 / 0.08);
  --sh-3: 0 2px 6px oklch(0.4 0.03 283 / 0.06), 0 24px 50px oklch(0.34 0.04 283 / 0.13);
  --sh-accent: 0 6px 18px oklch(0.635 0.17 18 / 0.30), 0 1px 2px oklch(0.5 0.17 18 / 0.18);

  /* ---- Focus ring (a11y) ---- */
  --focus: 0 0 0 3px var(--bg), 0 0 0 5px oklch(0.635 0.17 18 / 0.55);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.28s;

  /* ---- Layout ---- */
  --maxw: 1240px;
  --header-h: 68px;
}