/* Matt J Barbers — design tokens. Every value in main.css traces back here. */
@font-face { font-family: "Big Shoulders"; src: url("/assets/fonts/display.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("/assets/fonts/sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }

:root {
  /* Palette — 60 ink / 30 paper / 10 timber */
  --c-ink:      #0C0C0D;   /* brand black (plaque, blade logo) */
  --c-ink-2:    #18181A;
  --c-paper:    #F1F1EF;   /* brand white */
  --c-paper-2:  #E2E2DF;
  --c-accent:   #B8BBBF;   /* brand silver — on dark surfaces */
  --c-accent-dk: #6B6E73; /* graphite — the silver accent on white surfaces (4.9:1) */
  --c-muted:    #9C9EA2;   /* secondary text on black, 7.5:1 */
  --c-muted-dk: #55575B;   /* secondary text on white, 7:1 */
  --c-line:     rgba(241, 241, 239, 0.14);
  --c-line-dk:  rgba(12, 12, 13, 0.16);
  --c-open:     #6FBF73;

  --f-display: "Big Shoulders", "Arial Narrow", sans-serif;
  --f-body:    "Instrument Sans", system-ui, sans-serif;

  /* Four sizes, big jumps */
  --t-sm:      clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);  /* 14px floor for legibility */
  --t-base:    clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
  --t-xl:      clamp(2.25rem, 1.5rem + 2.8vw, 4.25rem);
  --t-display: clamp(4.25rem, 1.2rem + 12vw, 14rem);

  --s-1: 0.5rem; --s-2: 1rem; --s-3: 1.5rem; --s-4: 2.5rem;
  --s-5: 4rem;   --s-6: 6rem; --s-7: 10rem;

  --gutter:  clamp(1.25rem, 0.8rem + 2.2vw, 3rem);
  --max:     92rem;
  --measure: 60ch;
  --radius:  0;
  --ease:    cubic-bezier(.2,.7,.2,1);
  --dur:     240ms;
  --dur-in:  480ms;

  /* Razor-blade notch from the logo plaque */
  --notch: polygon(0 0,100% 0,100% 32%,calc(100% - 9px) 40%,calc(100% - 9px) 60%,100% 68%,100% 100%,0 100%,0 68%,9px 60%,9px 40%,0 32%);
}