/* dennisross.com design tokens · "Two-Color Press"
 * Everything is printed in two spot inks, party red and flag blue, on newsprint stock.
 * Where the inks overlap they overprint (multiply). Type: League Gothic (wood-type gothic),
 * Besley (Clarendon), Libre Franklin (text).
 */
:root {
  /* stock and inks */
  --stock: oklch(94.5% 0.006 95);
  --stock-2: oklch(90% 0.008 95);
  --stock-3: oklch(84% 0.01 95);
  --sheet: oklch(98.2% 0.004 95);
  --ink: oklch(17% 0.03 266);
  --ink-2: oklch(34% 0.03 266);
  --ink-3: oklch(48% 0.025 266);
  --red: oklch(56.5% 0.235 27.5);
  --red-deep: oklch(47% 0.2 27.5);
  --blue: oklch(29% 0.135 266);
  --blue-2: oklch(36% 0.14 266);
  --blue-tint: oklch(78% 0.06 266);
  --on-field: oklch(97% 0.005 95);
  --on-field-2: oklch(97% 0.005 95 / 0.74);
  --on-field-3: oklch(97% 0.005 95 / 0.5);
  --rule: oklch(17% 0.03 266 / 0.18);
  --rule-field: oklch(97% 0.005 95 / 0.28);
  --focus: oklch(80% 0.16 85);
  --ok: oklch(48% 0.12 155);
  --error: oklch(47% 0.2 27.5);
  --mask: #000;

  /* type */
  --font-poster: "League Gothic", "Alternate Gothic No2 D", "Oswald", "Arial Narrow", Impact, sans-serif;
  --font-slab: "Besley", "Clarendon", "Rockwell", Georgia, serif;
  --font-text: "Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;
  --t-xs: 0.8125rem;
  --t-sm: 0.9375rem;
  --t-base: 1.0625rem;
  --t-lg: clamp(1.1875rem, 1rem + 0.6vw, 1.4375rem);
  --t-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --t-2xl: clamp(2rem, 1.2rem + 3.2vw, 3.75rem);
  --p-sm: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
  --p-md: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  --p-lg: clamp(3.5rem, 1.5rem + 8vw, 9rem);
  --p-xl: clamp(5rem, 1rem + 15vw, 16rem);
  --p-mega: clamp(8rem, 33vw, 36rem);

  /* space (4pt) */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-6: 1.5rem; --s-8: 2rem;
  --s-12: 3rem; --s-16: 4rem; --s-24: 6rem; --s-32: 8rem;
  --gutter: clamp(1.125rem, 4vw, 3.5rem);
  --folio: 3.25rem;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-press: cubic-bezier(0.2, 0.9, 0.1, 1);
  --d-1: 140ms; --d-2: 260ms; --d-3: 620ms; --d-4: 1100ms; --d-5: 1600ms;

  /* print details */
  --off: 5px;
  --rule-w: 2px;

  --z-raised: 5; --z-folio: 100; --z-menu: 200; --z-grain: 300;
}

/* Third direction: cinematic night hero. Richer crimson and deep navy across the site. */
:root {
  --red: oklch(51% 0.205 24);
  --red-deep: oklch(42% 0.17 24);
  --red-hot: oklch(62% 0.22 26);
  --blue: oklch(25% 0.085 264);
  --blue-2: oklch(32% 0.09 264);
  --night: oklch(17% 0.055 262);
  --night-deep: oklch(27% 0.12 22);
  --relief: oklch(49% 0.2 25);
  --relief-lit: oklch(63% 0.215 27);
  --relief-line: oklch(17% 0.055 262 / 0.9);
  --glow-red: oklch(49% 0.2 25 / 0.3);
  --glow-cool: oklch(42% 0.11 258 / 0.5);
  --glow-top: oklch(30% 0.085 262 / 0.6);
  --halo: oklch(72% 0.07 255 / 0.16);
  --rim-red: oklch(66% 0.22 28 / 0.9);
  --rim-cool: oklch(82% 0.06 250 / 0.5);
  --vignette: oklch(9% 0.035 262 / 0.6);
  --polk: oklch(97% 0.005 95);
  --font-name: "Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Bodoni Moda", "Bodoni 72", "Didot", "Playfair Display", Georgia, serif;
}

/* Brand kit approved 11/9: one navy, one red, three typefaces. */
:root {
  --ink: oklch(20.5% 0.075 262);
  --blue: oklch(20.5% 0.075 262);
  --night: oklch(20.5% 0.075 262);
  --night-deep: oklch(30% 0.13 23);
  --font-display: var(--font-name);
  --font-text: var(--font-slab);
}