/* Whyso brand tokens — generated from BrandSpec (whyso v1.0.0)
 * https://brandspec.org/schema/v0.1/brandspec.json
 *
 * Source: whyso_brandspec.json
 * Update: regenerate via whyso.design when BrandSpec changes.
 */

:root {
  /* ─── Brand palette — primary ─────────────────────────────── */
  --color-red:    #FF4133;
  --color-black:  #1B1C26;
  --color-cream:  #F4EFE4;

  /* ─── Brand palette — secondary ───────────────────────────── */
  --color-purple: #680BBD;
  --color-blue:   #4F39F6;
  --color-green:  #37D949;
  --color-grey:   #7A7872;

  /* ─── Role tokens ─────────────────────────────────────────── */
  --color-primary:        var(--color-red);
  --color-fg-default:     var(--color-black);
  --color-fg-muted:       var(--color-grey);
  --color-bg-default:     var(--color-cream);
  --color-on-primary:     #ffffff;

  /* ─── Type families ───────────────────────────────────────── */
  --ff-display:   "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --ff-body:      "Inclusive Sans", system-ui, -apple-system, sans-serif;
  --ff-secondary: "Inclusive Sans", system-ui, -apple-system, sans-serif;

  /* ─── Type weights ────────────────────────────────────────── */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  /* ─── Line heights ────────────────────────────────────────── */
  --lh-tight: 1.2;
  --lh-snug:  1.3;
  --lh-base:  1.5;

  /* ─── Letter spacing ──────────────────────────────────────── */
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.08em;
}