/* Perennos site tokens. Colours are OKLCH only and named. Day = paper (Perennos Tempo section). Night = ink ground (home page). */

:root {
  /* Colour: Day (default ground) */
  --color-paper: oklch(95.9% 0.010 87.5);
  --color-ink: oklch(21.0% 0.003 67.7);
  --color-muted: oklch(45.2% 0.014 79.7);
  --color-rule: oklch(55.2% 0.014 75.3);
  --color-local: oklch(42.6% 0.089 158.5);   /* stays here */
  --color-hosted: oklch(42.4% 0.085 248.6);  /* public, online */
  --color-accent: oklch(91.0% 0.144 95.1);   /* highlighter tab only: one bar under the footer slogan */

  /* Type families (local files, no CDN) */
  --font-display: "Anybody", sans-serif;
  --font-mono: "CourierPrime", monospace;

  /* Type scale */
  --text-xs: 0.8125rem;   /* 13px: floor for mono labels */
  --text-sm: 0.875rem;
  --text-base: 1rem;      /* 16px: floor for body text */
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);
  --text-3xl: clamp(2rem, 1.4rem + 3vw, 3.5rem);
  --text-4xl: clamp(2.5rem, 1.6rem + 4vw, 4.5rem);
  --text-display: clamp(2.75rem, 7.2vw, 6.5rem);

  --lh-tight: 1.04;
  --lh-snug: 1.25;
  --lh-body: 1.5;

  /* Spacing: 4-pt scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Rules and focus */
  --rule-hair: 1px;
  --rule-heavy: 2px;
  --rule-double: 6px;   /* double border: two 2px lines with a 2px gap */
  --focus-w: 3px;

  /* Measure and page */
  --measure: 62ch;
  --page-max: 80rem;
  --label-w: 12rem;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 400ms;
  --dur-draw: 900ms;
  --dur-stagger: 60ms;
}

/* Colour: Night (home page) */
html[data-ground="night"] {
  --color-paper: oklch(17.8% 0.003 67.7);
  --color-ink: oklch(92.9% 0.016 86.4);
  --color-muted: oklch(69.8% 0.017 82.8);
  --color-rule: oklch(52.6% 0.014 79.7);
  --color-local: oklch(76.0% 0.111 160.9);
  --color-hosted: oklch(75.7% 0.090 252.0);
  --color-accent: oklch(91.0% 0.144 95.1);
}