:root {
  /* Color */
  --ink:       #0A0A0A;
  --paper:     #F5F2EC;
  --paper-2:   #EDE8DF;
  --mute:      #8B8B86;
  --rule:      rgba(10,10,10,0.07);
  --rule-strong: rgba(10,10,10,0.16);
  --accent:    #C8FF00;
  --accent-dim: rgba(200,255,0,0.15);

  /* Type */
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-sans:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* Fluid sizes */
  --fs-hero:    clamp(64px, 13vw, 210px);
  --fs-display: clamp(40px, 7vw, 104px);
  --fs-h2:      clamp(36px, 5.5vw, 80px);
  --fs-h3:      clamp(22px, 2.4vw, 32px);
  --fs-body:    clamp(15px, 1.1vw, 18px);
  --fs-small:   13px;
  --fs-mono:    11px;

  /* Spacing */
  --sp-section: clamp(80px, 12vw, 200px);
  --sp-gutter:  clamp(20px, 4.5vw, 80px);
  --max-w:      1440px;
  --nav-h:      72px;

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast:  0.22s;
  --t-med:   0.5s;
  --t-slow:  0.9s;

  --radius: 4px;
}