/* Fiorella design tokens. Direction: work shirt and stitching (Marc, 2026-10-27).
   Palette from one OKLCH hue (258, workwear blue) plus the brand thread red as the only accent. */
:root{
  color-scheme: light;
  /* colour roles */
  --ink:        oklch(0.27 0.055 258);   /* #152741 text */
  --muted:      oklch(0.48 0.04 258);    /* #505F74 secondary text, 6.1:1 on paper */
  --paper:      oklch(0.982 0.005 85);   /* #FAF9F6 page, a touch warm so the navy reads richer (polish, 2026-10-28) */
  --mist:       oklch(0.935 0.024 258);  /* #E1EAF8 quiet bands, graded top to bottom in site.css */
  --line:       oklch(0.88 0.022 258);   /* #D0D8E6 rules, borders */
  --shirt:      oklch(0.415 0.118 258);  /* #224B8A the work shirt, lit in site.css */
  --shirt-dark: oklch(0.33 0.105 258);   /* #15366A twill shadow */
  --on-shirt:   oklch(0.975 0.008 258);  /* 7.6:1 on shirt */
  --on-shirt-soft: oklch(0.88 0.035 258);/* 5.7:1 on shirt */
  --thread:     oklch(0.53 0.21 25);     /* #C8102E accent: action, state, stitching */
  --thread-hover: oklch(0.46 0.19 25);
  --patch:      #FFFFFF;
  /* type: Bricolage Grotesque (display) / Inter Tight (body). Utopia fluid scale, 360→1440 px */
  --font-display: "Bricolage Grotesque", "Inter Tight", system-ui, sans-serif;
  --font-body: "Inter Tight", system-ui, sans-serif;
  --step--1: clamp(0.875rem, 0.85rem + 0.11vw, 0.95rem);
  --step-0:  clamp(1.0625rem, 1.03rem + 0.17vw, 1.1875rem);   /* body 17–19 px */
  --step-1:  clamp(1.25rem, 1.18rem + 0.33vw, 1.5rem);
  --step-2:  clamp(1.6rem, 1.42rem + 0.8vw, 2.25rem);
  --step-3:  clamp(2.1rem, 1.7rem + 1.8vw, 3.4rem);
  --step-4:  clamp(2.6rem, 1.9rem + 3.4vw, 5.6rem);            /* hero: >3x body */
  /* space */
  --space-2xs: clamp(0.5rem, 0.48rem + 0.1vw, 0.56rem);
  --space-xs:  clamp(0.75rem, 0.71rem + 0.19vw, 0.875rem);
  --space-s:   clamp(1rem, 0.95rem + 0.24vw, 1.15rem);
  --space-m:   clamp(1.5rem, 1.42rem + 0.37vw, 1.75rem);
  --space-l:   clamp(2rem, 1.88rem + 0.56vw, 2.4rem);
  --space-xl:  clamp(3rem, 2.6rem + 1.9vw, 4.5rem);
  --space-2xl: clamp(4rem, 3.2rem + 3.7vw, 7rem);
  /* radius: deliberately varied */
  --r-pill: 999px; --r-patch: 50%; --r-card: 22px; --r-input: 10px; --r-tag: 4px;
  /* motion */
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --dur-quick: 150ms; --dur-base: 250ms; --dur-stitch: 1100ms;
}
@media (prefers-reduced-motion: reduce){ :root{ --dur-quick:0ms; --dur-base:0ms; --dur-stitch:0ms; } }