/* FOCAL ATL design tokens. The only place a color, size, duration, or breakpoint value is defined. */
:root{
  /* Brand */
  --focal-black:#0D0D0D;
  --focal-ivory:#F2EFE6;
  --focal-bronze:#B88A46;
  --focal-bronze-dark:#735A35;
  --focal-bronze-light:#D4AE6E;

  /* Surfaces */
  --canvas:#0F0E0C;
  --panel:#161513;
  --panel-2:#1E1C18;
  --stage:var(--focal-black);

  /* Roles */
  --accent:var(--focal-bronze);
  --accent-hover:var(--focal-bronze-light);
  --accent-pressed:var(--focal-bronze-dark);
  --accent-muted:rgba(184,138,70,.28);
  --accent-glow:rgba(184,138,70,.16);
  --text-primary:var(--focal-ivory);
  --text-secondary:rgba(242,239,230,.72);
  --text-tertiary:rgba(242,239,230,.48);
  --text-on-accent:var(--focal-black);
  --line:rgba(242,239,230,.12);
  --line-soft:rgba(242,239,230,.07);
  --line-strong:rgba(184,138,70,.55);
  --scrim:rgba(8,8,10,.62);

  /* Type */
  --font-display:'Jost',"Avenir Next","Futura","Century Gothic",system-ui,sans-serif;
  --font-body:'DM Sans',"Avenir Next",system-ui,sans-serif;
  --font-mono:'DM Mono',"SF Mono",Menlo,Consolas,monospace;
  --t-hero:clamp(2.4rem,7.2vw,7.5rem);
  --t-1:clamp(2.2rem,5.4vw,5.25rem);
  --t-2:clamp(1.5rem,2.6vw,2.5rem);
  --t-3:clamp(1.25rem,1.6vw,1.5rem);
  --t-lede:clamp(1.125rem,1.35vw,1.3rem);
  --t-body:1.0625rem;
  --t-small:.9375rem;
  --t-label:.75rem;
  --t-micro:.6875rem;
  --t-num:clamp(4rem,10vw,11rem);
  --track-label:.24em;
  --track-display:.18em;
  --track-hero:.12em;
  --lh-body:1.65;
  --lh-tight:1.05;
  --tshadow:0 1px 2px rgba(5,5,10,.95),0 3px 12px rgba(5,5,10,.78),0 10px 44px rgba(5,5,10,.8);

  /* Space (4px base) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem;
  --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem; --s-11:10rem; --s-12:14rem;
  --section-y:clamp(5.5rem,11vw,10.5rem);
  --gutter:clamp(1.25rem,4.5vw,4.5rem);
  --container:1440px;
  --container-narrow:1080px;
  --measure:62ch;

  /* Shape */
  --r-0:0;
  --r-1:2px;
  --r-pill:999px;

  /* Motion */
  --d-fast:180ms;
  --d-base:420ms;
  --d-slow:900ms;
  --d-reveal:1100ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-soft:cubic-bezier(.25,.1,.25,1);

  /* Layers */
  --z-cursor:120;
  --z-nav:100;
  --z-menu:110;
  --z-bar:90;
  --z-grain:80;
  --z-line:5;

  color-scheme:dark;
}
/* Breakpoints (for reference; media queries cannot read custom properties):
   375 base · 430 · 720 phone gate ceiling (max-width) · 768 · 1024 · 1280 · 1440 · 1920 */