/* ─────────────────────────────────────────────────────────────
   Creativity Is Everywhere — design tokens
   Base: Channel Studio style reference (dark editorial, one coral).
   Rules that are not negotiable in this system:
     · #0a0a0a is the only ground. No second surface colour.
     · Text is #cacaca, never pure #fff. The desaturation is the signature.
     · Coral is reserved for project titles and signature rules. Never UI.
     · One weight (400). Hierarchy comes from size and tracking only.
     · radius: 0 everywhere. No shadow, no gradient, no elevation.
   ───────────────────────────────────────────────────────────── */
:root {
  /* Colour */
  --carbon:  #0a0a0a;   /* page ground, every section */
  --bone:    #cacaca;   /* body, headings, hairlines */
  /* Channel Studio specifies #727272 here. Measured on this ground it is
     4.12:1, and every use of it (metadata, nav, captions) is 13px text, so it
     needs 4.5:1. Lifted to the nearest value that clears the floor — 4.81:1.
     This is the one place the reference system is overridden, and it is
     overridden on a measurement, not on taste. */
  --iron:    #7d7d7d;   /* metadata, captions, low-emphasis — was #727272 */
  --coral:   #ff7777;   /* project titles + signature rules ONLY */

  /* Derived hairlines — the system has no border colour of its own,
     so borders are the text colour held back, not a new hue. */
  --rule:       rgba(202,202,202,0.22);
  --rule-faint: rgba(202,202,202,0.10);

  /* Type */
  --sans: 'Inter', ui-sans-serif, system-ui, -apple-system,
          'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --text-display:    clamp(38px, 8.4vw, 75px);
  --leading-display: 0.90;
  --track-display:   -0.03em;

  --text-heading:    clamp(27px, 5vw, 45px);
  --leading-heading: 1.06;
  --track-heading:   -0.03em;

  --text-sub:     18px;
  --text-body:    15px;
  --text-caption: 13px;
  --leading-body: 1.5;    /* Channel sets 1.2; prose below 45px needs 1.5 to
                             hold a 65-75ch measure. Captions keep 1.2. */
  --track-body:   -0.02em;

  /* Space — 4px base, Channel's scale */
  --s-9: 9px;  --s-10: 10px; --s-13: 13px; --s-16: 16px;
  --s-19: 19px; --s-20: 20px; --s-40: 40px;

  /* Channel states 40px between sections and 192px above the footer, so
     varying the break is native to the system. Major page-level breaks get
     the larger value; groups inside a section keep 40px. */
  --gap-section: var(--s-40);
  --gap-major:   clamp(64px, 9vw, 120px);
  --gap-footer:  clamp(96px, 14vw, 192px);

  --pad-x:    clamp(20px, 4vw, 40px);
  --page-max: 1280px;
  --measure:  68ch;

  --radius: 0px;
}