/* ============================================================
   Fortunso Labs — design tokens.
   :root ONLY. No selectors, no components.
   Implements docs/design.md — constellation on black velvet.
   ============================================================ */
:root{
  /* ---- colour: the void and what floats in it ---- */
  --color-void:          #000000;
  --color-bone-white:    #ffffff;
  --color-ash-gray:      #9a9a9a;
  --color-silver-mist:   #bdbdbd;
  --color-electric-iris: #8052ff;
  --color-saffron-spark: #ffb829;
  --color-deep-verdant:  #15846e;

  /* semantic aliases — components use these, never the raw names */
  --bg:         var(--color-void);
  --ink:        var(--color-bone-white);
  --ink-soft:   var(--color-silver-mist);
  --ink-mute:   var(--color-ash-gray);
  --accent:     var(--color-electric-iris);   /* action only, never a surface */
  --spark:      var(--color-saffron-spark);   /* emphasis, labels, links */
  --verdant:    var(--color-deep-verdant);

  /* per-project accents for the lab sequence, drawn from the spectrum
     the particle field uses */
  --scene-01:   var(--color-saffron-spark);
  --scene-02:   #ff4fa3;
  --scene-03:   var(--color-electric-iris);
  --scene-04:   var(--color-deep-verdant);

  /* ---- type: one family, hierarchy from scale not weight ---- */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system,
               BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --w-extralight: 200;   /* body copy — the signature */
  --w-regular:    400;   /* headlines AND small text */
  --w-semibold:   600;   /* nav and labels, uppercase */

  --text-caption:      .75rem;    /* 12 */
  --text-nav-label:    .875rem;   /* 14 */
  --text-body:         1.125rem;  /* 18 */
  --text-heading-2xs:  1.5rem;    /* 24 */
  --text-heading-xs:   1.6875rem; /* 27 */
  --text-subheading:   2.25rem;   /* 36 */
  --text-heading-sm:   2.625rem;  /* 42 */
  --text-heading:      3rem;      /* 48 */
  --text-heading-lg:   4.875rem;  /* 78 */
  --text-display:      7.0625rem; /* 113 */

  --tracking-label:    .025em;
  --tracking-display: -.04em;

  /* ---- spacing: 6px base ---- */
  --space-6:   .375rem;
  --space-12:  .75rem;
  --space-18:  1.125rem;
  --space-24:  1.5rem;
  --space-30:  1.875rem;
  --space-36:  2.25rem;
  --space-60:  3.75rem;
  --space-96:  6rem;
  --space-120: 7.5rem;

  --page-max:  1280px;
  --gutter:    clamp(1.5rem, 5vw, 3.75rem);
  --section-gap: clamp(3.75rem, 9vw, 7.5rem);
  --card-min:  28rem;

  /* ---- shape: no borders anywhere; radius only ---- */
  --radius:      24px;
  --radius-pill: 9999px;

  /* ---- motion ---- */
  --dur-fast: .08s;
  --dur-base: .16s;
  --dur-slow: .28s;
  --dur-crossfade: .9s;
  --ease-out: cubic-bezier(.22,.61,.36,1);

  --topbar-h: 4.5rem;
}