/* Look of the site: colours, font, radius. Warm charcoal neutrals (hue 60) with one orange accent, matching the Complete Crete mock-up. */
:root {
  --ink: oklch(0.165 0.006 60);
  --ink-2: oklch(0.205 0.007 60);
  --ink-3: oklch(0.27 0.009 60);
  --paper: oklch(0.975 0.004 75);
  --paper-2: oklch(0.945 0.005 72);
  --paper-3: oklch(0.905 0.006 70);
  --text: oklch(0.2 0.007 60);
  --text-dim: oklch(0.44 0.008 60);
  --text-light: oklch(0.96 0.004 75);
  --text-light-dim: oklch(0.78 0.006 70);
  --line: oklch(0.2 0.007 60 / 0.12);
  --line-strong: oklch(0.2 0.007 60 / 0.32);
  --line-light: oklch(1 0 0 / 0.12);

  /* one accent: concrete-crew orange (--moss is the lighter tint used on dark backgrounds) */
  --green: oklch(0.52 0.17 40);
  --green-hover: oklch(0.46 0.16 40);
  --green-soft: oklch(0.52 0.17 40 / 0.1);
  --moss: oklch(0.74 0.17 48);

  --ok: oklch(0.44 0.085 152);
  --err: oklch(0.52 0.17 28);
  --err-soft: oklch(0.52 0.17 28 / 0.08);
  --warn-soft: oklch(0.75 0.12 80 / 0.15);
  --info-soft: oklch(0.55 0.08 240 / 0.1);
  --surface: #fff;
  --surface-2: oklch(0.96 0.004 75);
  --bg: var(--paper);

  --font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-sm: 2px;
  --r-md: 4px;
  --r: 4px;
  --r-lg: 8px;

  --maxw: 1280px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t-med: 220ms;

  --focus: 0 0 0 2px var(--paper), 0 0 0 4px var(--green);
}