/* DC Cocktail Week: one token layer for every page in this skin.

   [placeholder until RAMW sends brand]
   RAMW has not sent the logo or colours yet. Every value below marked "measured" was read from the computed
   styles of the live site, https://www.dccocktailweek.com/ (Squarespace), on 2026-10-14 at 1440 and 390 wide:
     page background  rgb(255,255,255)  #FFFFFF  (by area, almost the whole page)
     text             rgb(0,10,9)       #000A09  (body copy, nav)
     accent           rgb(230,60,25)    #E63C19  (headings, the wordmark, solid buttons with white labels)
     muted block      rgba(175,175,175,.1) over white = #F7F7F7
     type             Poppins only: 300 body at 17px, 500 headings and buttons
   Values marked "derived" are not on the live site; each says why it exists. Swap this file when RAMW's brand
   arrives; nothing else in the skin hard-codes a colour or a family. */
:root {
  color-scheme: light;

  /* colour */
  --ink: #000A09;          /* measured: body text. 20:1 on white */
  --ink-2: #3D4544;        /* derived: secondary text (hints, helper copy). 8.7:1 on the ground */
  --ink-3: #545B5A;        /* derived: muted text (counters, footers). 6.2:1 on the ground */
  --accent: #E63C19;       /* measured: the brand orange. Decoration, borders and the focus ring only:
                              white on it is 4.18:1, under the 4.5 bar for normal text (checklist rule 44) */
  --accent-ink: #C2300E;   /* derived: the same orange one step darker, for every TEXT or BUTTON use.
                              White on it 5.64:1; it on the ground 5.0:1; it on the tint 5.1:1 */
  --accent-press: #A8290C; /* derived: hover / pressed */
  --accent-tint: #FDF1EE;  /* derived: selected option ground */
  --ground: #F4F1ED;       /* derived: page ground. The live page is flat white, and a white card on a white
                              page dissolves (checklist rule 20), so the page sits one warm step down */
  --surface: #FFFFFF;      /* measured: cards and controls lift off the ground in the live site's own white */
  --surface-2: #FAF8F5;    /* derived: inset panels inside a card */
  --line: #E2DDD6;         /* derived: card hairlines (decorative) */
  --control: #7F8584;      /* derived: input borders, 3.76:1 on white (WCAG 1.4.11 non-text contrast) */

  /* type */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; /* measured family */
  --w-body: 400;           /* the live site sets body copy at 300; a form reads better one weight up */
  --w-head: 600;
  --w-strong: 600;
  --fs-body: 1rem;         /* 16px: never smaller on an input, or iOS zooms the page on focus */
  --fs-small: 0.875rem;
  --fs-label: 1rem;
  --fs-h1: clamp(1.75rem, 1.2rem + 2.4vw, 2.5rem);
  --fs-h2: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --lh-body: 1.6;

  /* shape (checklist rule 19: never sharp corners) */
  --r-card: 20px;
  --r-control: 14px;
  --r-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0, 10, 9, .06), 0 8px 24px rgba(0, 10, 9, .07);
  --shadow-lift: 0 2px 4px rgba(0, 10, 9, .08), 0 14px 32px rgba(0, 10, 9, .12);

  /* size */
  --tap: 2.75rem;          /* 44px at default text, grows with Larger Text */
  --tap-primary: 3.25rem;  /* 52px primary actions */
  --col: 44rem;            /* reading column for forms */
}