/* ============================================================
   HAYMAKER — tokens
   Type and colour come from the pitch deck. Open Sauce carries
   structure and display; OT Parallel is the voice; Lettera Mono
   is the label tier; the dot-matrix tier is drawn, not set.
   ============================================================ */

@font-face { font-family:'Open Sauce'; src:url('/assets/fonts/os-400.ttf') format('truetype'); font-weight:400; font-display:swap }
@font-face { font-family:'Open Sauce'; src:url('/assets/fonts/os-400i.ttf') format('truetype'); font-weight:400; font-style:italic; font-display:swap }
@font-face { font-family:'Open Sauce'; src:url('/assets/fonts/os-500.ttf') format('truetype'); font-weight:500; font-display:swap }
@font-face { font-family:'Open Sauce'; src:url('/assets/fonts/os-600.ttf') format('truetype'); font-weight:600; font-display:swap }
@font-face { font-family:'Open Sauce'; src:url('/assets/fonts/os-700.ttf') format('truetype'); font-weight:700; font-display:swap }
@font-face { font-family:'OT Parallel'; src:url('/assets/fonts/parallel-400.otf') format('opentype'); font-weight:400; font-display:swap }
@font-face { font-family:'OT Parallel'; src:url('/assets/fonts/parallel-400i.otf') format('opentype'); font-weight:400; font-style:italic; font-display:swap }
@font-face { font-family:'Lettera Mono'; src:url('/assets/fonts/lettera-mono-regular.woff2') format('woff2'); font-weight:400; font-display:swap }
@font-face { font-family:'Lettera Mono'; src:url('/assets/fonts/lettera-mono-medium.woff2') format('woff2'); font-weight:500; font-display:swap }

:root {
  /* ---- paper ---- */
  --ground:   #F3F2EC;
  --paper:    #FBFAF6;
  --ink:      #16150F;
  --ink-2:    #63615A;
  --ink-3:    #8F8D84;
  --hair:     rgba(22,21,15,.13);
  --hair-soft:rgba(22,21,15,.07);

  /* ---- dark ---- */
  --night:    #0A0C10;
  --night-2:  #11141A;
  --pitch:    #050609;
  --on-night: #F3F2EC;
  --on-night-2: rgba(243,242,236,.62);
  --hair-night: rgba(243,242,236,.14);

  /* ---- the board ---- */
  --lime:  #C9F24A;
  --lav:   #A98CF5;
  --coral: #E9635C;
  --teal:  #8FD8D2;
  --green: #62DE3B;
  --peach: #F5C99B;

  /* ---- type ---- */
  --sans:  'Open Sauce', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: 'OT Parallel', Georgia, 'Times New Roman', serif;
  --mono:  'Lettera Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- geometry ---- */
  --edge:  clamp(20px, 4.2vw, 76px);
  --wide:  1560px;
  --read:  min(720px, 100%);
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  22px;
  --r-pill: 999px;

  /* ---- motion ---- */
  --ease:      cubic-bezier(.33,1,.68,1);
  --ease-out:  cubic-bezier(.16,1,.3,1);
  --reveal:    560ms;
  --exit:      340ms;

  /* the rich-button shadow stack, lifted straight from the reference */
  --lift:
    0 1px 2px rgba(22,21,15,.10),
    0 4px 4px rgba(22,21,15,.09),
    0 9px 6px rgba(22,21,15,.05),
    0 17px 7px rgba(22,21,15,.01),
    inset 0 2px 8px rgba(255,255,255,.42);
  --lift-hi:
    0 2px 3px rgba(22,21,15,.12),
    0 7px 8px rgba(22,21,15,.10),
    0 14px 12px rgba(22,21,15,.06),
    0 26px 16px rgba(22,21,15,.03),
    inset 0 2px 8px rgba(255,255,255,.5);
}