/* EU27.ai design tokens — from the EU27 brand board (Identity & colour · Type & voice · Imagery), 10 Oct 2026.
   Navy is the room, gold is the next thing to do, orange is the one call to action. Warm neutrals only: no pure white or black. */
:root {
  /* the band (hero, price, footer) */
  --band: #0B1730;
  --band-deep: #122648;
  --band-glow: #16305A;
  --band-ink: #F3F1EA;
  --band-ink-2: #C9D3E6;
  --band-cap: #8FA3C6;
  --band-line: rgba(243, 241, 234, .14);

  /* paper */
  --ground: #F4F3F0;       /* the portal's page colour */
  --raised: #F0EEE8;       /* the portal's off-cream (its --inset); replaces the near-white #FBFAF8 (Mark, 10 Oct: too glary) */
  --sunk: #E7E4DC;
  --ink: #13203A;
  --ink-2: #44506A;
  --cap: #66708A;
  --line: #E4E1DA;
  --line-strong: #D3CFC5;

  /* accents (used surgically) */
  --gold: #F0B942;
  --gold-ink: #3A2A00;
  --cta: #FF6A13;          /* navy text on it: 5.65:1 */
  --cta-ink: #13203A;
  --cta-hover: #FF7E33;

  /* service + status colours from the product */
  --svc-cos: #9B4D73;
  --svc-rp: #2F7D78;
  --svc-epr: #6B7F3A;
  --st-needs: #B8502A;
  --st-moving: #3D6B9E;
  --st-waiting: #6E4B8E;
  --st-done: #4F7D4E;

  /* type */
  --display: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --text: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-xs: clamp(0.75rem, 0.71rem + 0.18vw, 0.8125rem);
  --text-sm: clamp(0.875rem, 0.83rem + 0.2vw, 0.9375rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1.04rem + 0.4vw, 1.3125rem);
  --text-xl: clamp(1.3rem, 1.1rem + 0.9vw, 1.75rem);
  --text-2xl: clamp(1.65rem, 1.2rem + 2vw, 2.6rem);
  --text-3xl: clamp(2.1rem, 1.3rem + 3.4vw, 3.6rem);
  --text-4xl: clamp(2.6rem, 1.4rem + 5.2vw, 5rem);
  --text-5xl: clamp(3rem, 1.2rem + 7.4vw, 6.6rem);

  /* rhythm: alternate generous and tight, never the same twice in a row */
  --space-hero: clamp(72px, 6vw + 40px, 128px);
  --space-xl: clamp(72px, 6vw + 24px, 112px);
  --space-lg: clamp(52px, 3.6vw + 26px, 80px);
  --space-block: 48px;
  --space-element: 24px;
  --space-tight: 16px;
  --space-micro: 8px;
  --gutter: clamp(16px, 4vw, 48px);
  --max: 1280px;

  /* shape + depth */
  --r-sm: 8px;
  --r: 14px;
  --r-lg: 22px;
  --shadow-sm: 0 1px 2px rgba(19, 32, 58, .06);
  --shadow: 0 1px 2px rgba(19, 32, 58, .06), 0 12px 32px rgba(19, 32, 58, .12);
  --shadow-deep: 0 2px 4px rgba(6, 12, 26, .18), 0 28px 70px rgba(6, 12, 26, .42);

  /* motion */
  --duration-instant: 100ms;
  --duration-fast: 200ms;
  --duration-medium: 300ms;
  --duration-slow: 500ms;
  --duration-slower: 800ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

/* Sector editions (brand boards, 11 Oct 2026): the page's <html data-edition> swaps the room, the accent and the paper.
   Shared by every edition: type, the 27 tile, the four status colours and the orange call to action. */
html[data-edition="vat"] {   /* VAT & tax: claret + blush */
  --band: #2B1018; --band-deep: #3C1622; --band-glow: #5A2236;
  --band-ink: #F6EFEA; --band-ink-2: #E3CBD1; --band-cap: #C09AA5; --band-line: rgba(246, 239, 234, .14);
  --ground: #F5F2EE; --raised: #F0EAE6; --sunk: #E8DFDA; --ink: #26131B; --ink-2: #57444C; --cap: #6E5B63; --line: #E7DED9; --line-strong: #D8CCC6;
  --gold: #F3B4C2; --gold-ink: #3A0F1E; --cta-ink: #26131B;
}
html[data-edition="acc"] {   /* Accounting: pine + citron */
  --band: #0C2622; --band-deep: #123A33; --band-glow: #1C4D44;
  --band-ink: #F2F0E8; --band-ink-2: #C5D6CF; --band-cap: #8CB0A3; --band-line: rgba(242, 240, 232, .14);
  --ground: #F5F3EE; --raised: #EFF0E9; --sunk: #E3E5DC; --ink: #0F231F; --ink-2: #42534E; --cap: #57665F; --line: #E1DDD3; --line-strong: #D1CDC1;
  --gold: #D4EE5E; --gold-ink: #0F231F; --cta-ink: #0F231F;
}