/* ============================================================
   sorrybutno — DESIGN TOKENS (light redesign, 2026)
   Source of truth for the theme's Sass token layer.
   Direction: 7winds light/airy system · accent = sorrybutno lime.
   Maps 1:1 to Sass $variables when ported into the theme.
   ============================================================ */
:root{
  /* — Palette (light) — */
  --sbn-bg:#F5F5F5;          /* page background (warm light grey, not white) */
  --sbn-bg-2:#EDEDEA;        /* recessed panels (hero panel, tone-on-tone) */
  --sbn-card:#FFFFFF;        /* white cards */
  --sbn-line:#E8E8E8;        /* hairline border */
  --sbn-ink:#111214;         /* headings / near-black */
  --sbn-ink-card:#141414;    /* dark card background */
  --sbn-body:#3A3B40;        /* body text */
  --sbn-muted:#8A8B90;       /* secondary / captions */

  /* Accent (brand equity retained) */
  --sbn-lime:#D4FF00;        /* primary accent */
  --sbn-lime-ink:#111214;    /* text on lime (contrast-safe) */
  --sbn-lime-soft:#F3F6E6;   /* lime tint for icon chips */

  /* Case / section tints (pastel, on light bg) */
  --sbn-tint-lime:#E9F7C6;
  --sbn-tint-blue:#E3E9FF;
  --sbn-tint-clay:#F6E4DE;

  /* Feedback */
  --sbn-ok:#2FA96B; --sbn-warn:#E6A100; --sbn-err:#DC2626;

  /* — Typography — (self-host in theme; Unbounded display + Onest body) */
  --sbn-font-display:'Onest',system-ui,sans-serif;   /* v2: lighter grotesk for headings (Unbounded kept on wordmark + numeric accents via sbn-inner) */
  --sbn-font-body:'Onest',system-ui,sans-serif;
  --sbn-tracking-tight:-.02em;   /* display headings (Onest needs less tightening than Unbounded) */
  --sbn-leading-tight:1.02;      /* display leading */
  --sbn-leading-body:1.55;

  /* Fluid type scale */
  --sbn-fz-hero:clamp(2.5rem,6.4vw,5.4rem);
  --sbn-fz-h2:clamp(2rem,4.4vw,3.4rem);
  --sbn-fz-h3:1.32rem;
  --sbn-fz-lead:clamp(1.05rem,1.7vw,1.32rem);
  --sbn-fz-body:17px;
  --sbn-fz-sm:.92rem;

  /* — Radii — (20 primary, 10 secondary, 28 hero panels) */
  --sbn-r-lg:28px; --sbn-r:20px; --sbn-r-sm:12px; --sbn-r-pill:999px;

  /* — Spacing scale — (airy) */
  --sbn-sp-1:8px; --sbn-sp-2:12px; --sbn-sp-3:16px; --sbn-sp-4:24px;
  --sbn-sp-5:32px; --sbn-sp-6:48px; --sbn-sp-7:64px; --sbn-sp-8:96px;
  --sbn-pad:clamp(20px,5vw,64px);     /* container side padding */
  --sbn-sec:clamp(72px,10vw,140px);   /* section vertical rhythm */
  --sbn-maxw:1240px;

  /* — Elevation — (soft, low) */
  --sbn-shadow-card:0 18px 40px -22px rgba(0,0,0,.25);
  --sbn-shadow-lime:0 8px 30px -8px rgba(212,255,0,.7);

  /* — Motion — (Emil Kowalski) */
  --sbn-ease-out:cubic-bezier(.23,1,.32,1);   /* UI enter/exit — never ease-in */
  --sbn-ease-io:cubic-bezier(.77,0,.175,1);   /* on-screen movement */
  --sbn-ease-drawer:cubic-bezier(.32,.72,0,1);
  --sbn-dur-press:160ms;      /* button feedback */
  --sbn-dur-ui:200ms;         /* hover / small */
  --sbn-dur-reveal:500ms;     /* section reveal */
  --sbn-stagger:55ms;

  /* z-index restraint */
  --sbn-z-header:50; --sbn-z-overlay:100;
}