/* NEUCLIPS — design tokens
 *
 * PROVENANCE, stated honestly:
 *  · The five BRAND colours are pinned from the accepted brand board
 *    (2-seed/board-v2.png, visual-diff-v2.md). CHROMA has no hex-pin input, so it
 *    could not have produced them. It independently generated #F9D418 as its
 *    primary-500 from hue 50 — within a hair of the locked #FFD400 — which is
 *    corroboration, not authorship.
 *  · The NEUTRAL ramp, the spacing scale, the radius scale, the type scale ratio,
 *    the elevation set and the base motion durations ARE CHROMA output, copied from
 *    6-craft/design-system/neuclips/tokens.css.
 *  · CHROMA's secondary (teal), accent (magenta), success, warning, error and info
 *    ramps are DROPPED. The identity is monochrome plus one accent; shipping nine
 *    hue families would break it.
 *  · Spring easings are from awwwards-motion-design, verbatim.
 *  · Contrast ratios below were computed, not estimated. See ACCESSIBILITY.md.
 */

:root {
  /* ── brand, pinned from the board ─────────────────────────────── */
  --base:        #0A0A0A;   /* canvas */
  --surface:     #161412;   /* raised panel, warm charcoal */
  --surface-2:   #211E1A;   /* second raise, hairlines, fields */
  --ink:         #F4F1EC;   /* primary text */
  --signal:      #FFD400;   /* the one accent */
  --signal-deep: #E0BA00;   /* accent hover / pressed */

  --ink-70: rgba(244, 241, 236, 0.72);
  --ink-52: rgba(244, 241, 236, 0.52);
  --ink-30: rgba(244, 241, 236, 0.30);
  --ink-12: rgba(244, 241, 236, 0.12);
  --ink-06: rgba(244, 241, 236, 0.06);

  /* ── DAY register — the invitation half of the brand ───────────
     Warm paper. Near-black type at 17.57:1. The accent may ONLY be a
     FILL behind dark type here: #FFD400 on #F4F1EC is 1.27:1 and fails
     every threshold, so signal yellow is never small text on DAY.      */
  --day:         #F4F1EC;
  --day-2:       #EBE6DE;   /* raised paper, hairlines, fields */
  --day-ink:     #14120F;   /* near-black on paper — 17.4:1 */
  --day-70: rgba(20, 18, 15, 0.78);
  /* 0.56 gave 3.69:1 and failed. 0.62 is the lightest muted tone on paper
     that still clears 4.5 for small caps labels — measured, not guessed. */
  --day-52: rgba(20, 18, 15, 0.62);
  --day-30: rgba(20, 18, 15, 0.36);
  --day-12: rgba(20, 18, 15, 0.13);
  --day-06: rgba(20, 18, 15, 0.07);

  /* ── neutrals — CHROMA ────────────────────────────────────────── */
  --n-100: #F0F0EF;
  --n-300: #C4C3BE;
  --n-500: #8E8D82;
  --n-700: #63625A;
  --n-900: #363632;

  /* ── space — CHROMA ───────────────────────────────────────────── */
  --s1: 4px;   --s2: 8px;   --s3: 12px;  --s4: 16px;  --s5: 20px;
  --s6: 24px;  --s8: 32px;  --s10: 40px; --s12: 48px; --s16: 64px;
  --s20: 80px; --s24: 96px; --s32: 128px; --s40: 160px; --s56: 224px;

  /* ── radius — CHROMA ──────────────────────────────────────────── */
  --r-sm: 5px; --r-md: 10px; --r-lg: 20px; --r-full: 9999px;

  /* ── type ─────────────────────────────────────────────────────── */
  --display: "Anton", "AntonFallback", "Haettenschweiler", "Arial Narrow", sans-serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* CHROMA's 1.3712 ratio, made fluid */
  --t-label: clamp(12px, 0.5vw + 10.4px, 13px);
  --t-sm:    clamp(13px,  0.28vw + 12.1px, 15px);
  --t-body:  clamp(15.5px, 0.42vw + 14.2px, 18px);
  --t-lg:    clamp(19px,  0.9vw + 16.2px, 24px);
  --t-xl:    clamp(26px,  1.9vw + 20px,   38px);
  --t-2xl:   clamp(34px,  3.4vw + 23.4px, 60px);
  --t-3xl:   clamp(44px,  5.6vw + 26.1px, 92px);
  --t-4xl:   clamp(56px,  9.4vw + 26.9px, 148px);
  --t-poster: clamp(64px, 13.6vw + 20.5px, 220px);

  /* ── motion — springs from awwwards-motion-design, verbatim ───── */
  --spring-snappy: linear(
    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%,
    0.938 16.7%, 1.017 19.4%, 1.067 22.5%, 1.089 26.0%,
    1.079 30.3%, 1.049 36.0%, 1.024 42.6%, 1.011 50.3%,
    1.004 59.2%, 1.001 69.3%, 1
  );
  --spring-smooth: linear(
    0, 0.004, 0.016 2.3%, 0.063 4.7%, 0.141 7.2%,
    0.25 9.9%, 0.601 16.5%, 0.815 21.0%, 0.929 25.2%,
    0.987 29.0%, 1.025 33.5%, 1.042 38.0%, 1.04 43.5%,
    1.027 50.0%, 1.013 57.5%, 1.005 67.0%, 1.001 79.0%, 1
  );
  --d-snappy: 0.55s;
  --d-smooth: 0.7s;
  --ease-snap: cubic-bezier(0.2, 0, 0, 1);   /* CHROMA standard — hover only */
  --d-fast: 120ms;
  --d-base: 200ms;
}