/* ── Design tokens — single source of truth ──────────────────────────────── */
/* Change here → updates everywhere.                                           */

:root {
  /* Surfaces — Webbership light (default; dark themes override via inline <style>) */
  --black:      oklch(0.985 0.006 75);
  --white:      oklch(0.13 0.010 55);
  --surface:    oklch(0.955 0.008 75);
  --surface2:   oklch(0.925 0.010 75);
  --surface3:   oklch(0.895 0.012 75);

  /* Brand */
  --teal:       oklch(0.64 0.048 204);
  --teal-deep:  oklch(0.50 0.058 207);
  --wood:       oklch(0.62 0.055 72);

  /* Text */
  --muted:      oklch(0.45 0.010 75);

  /* Overlays */
  --dim:        oklch(0.13 0.010 55 / 0.07);
  --dim2:       oklch(0.13 0.010 55 / 0.13);

  /* Logo */
  --logo-blend: normal;

  /* Danger */
  --danger:     oklch(0.62 0.19 35);
  --danger-tx:  oklch(0.82 0.12 35);
  --danger-bg:  oklch(0.62 0.19 35 / 0.10);
  --danger-bd:  oklch(0.62 0.19 35 / 0.28);

  /* Success */
  --success:    oklch(0.72 0.14 145);
  --success-tx: oklch(0.82 0.10 145);
  --success-bg: oklch(0.72 0.14 145 / 0.10);
  --success-bd: oklch(0.72 0.14 145 / 0.28);

  /* Warning */
  --warn:       oklch(0.82 0.12 70);
  --warn-tx:    oklch(0.88 0.10 70);
  --warn-bg:    oklch(0.82 0.12 70 / 0.10);
  --warn-bd:    oklch(0.82 0.12 70 / 0.28);

  /* Alert (errors) */
  --alert-tx:   oklch(0.82 0.12 35);
  --alert-bg:   oklch(0.62 0.19 35 / 0.10);
  --alert-bd:   oklch(0.62 0.19 35 / 0.28);

  /* Dividers */
  --divider:    oklch(0.13 0.010 55 / 0.10);
  --teal-bd:    oklch(0.64 0.048 204 / 0.45);

  /* Typography */
  --f-disp:     'Barlow Condensed', sans-serif;
  --f-body:     'Mulish', sans-serif;

  /* Motion */
  --ease-out:   cubic-bezier(0.25, 1, 0.5, 1);
}