/* Starbucks — generated by tools/brand_tokens.py. Do not hand-edit.

   Every value below is transcribed from awesome-design-md/design-md/starbucks/DESIGN.md, read 2026-09-16
   or SOLVED from those values. What is solved is which colour each role takes:
   the published value nearest its limit that still clears its role's WCAG
   ratio against the worst ground in its own theme, so a secondary colour
   legible on the page is also legible in the band beside it.

   Depth: Whispered. Card shadows stay at 0.14 and 0.24 alpha and the only assertive one is the floating order button. Depth is mostly the white card sitting on the cream canvas.
   Motion: Published. 0.2s, 0.3s and 0.4s on an ease-out curve, plus an overshoot curve for the one element that springs. The signature press is a scale to 0.95.

   ONE THEME. Starbucks publishes light only, and a dark theme invented here
   would be this file writing a design system rather than transcribing one.
*/
:root {
  color-scheme: light;
  --sb-paper: #f2f0eb;
  --sb-raise: #ffffff;
  --sb-sink: #edebe9;
  --sb-ink: #1f1f1f;
  --sb-ink-2: #33433d;
  --sb-ink-3: #666363;
  --sb-stroke: #666363;
  --sb-rule: #ffffff;
  --sb-accent: #00754a;
  --sb-on-accent: #ffffff;
  --sb-accent-text: #0f7a4f;
  --sb-accent-quiet: #e7eae2;
  --sb-focus: #1f1f1f;
  --sb-error: #c82014;
  --sb-error-text: #cd271b;
  --sb-warning: #fbbc05;
  --sb-warning-text: #985d00;
  --sb-accent-press: #006241;

  /* Fixed in every theme: a band the brand pins rather than
     one the reader's preference moves. */
  --sb-chapter-bg: #1e3932;
  --sb-chapter-raise: #2b5148;
  --sb-chapter-ink: #ffffff;
  --sb-chapter-ink-2: #d4e9e2;
  --sb-chapter-soft: #2b5148;

  --sb-family-sans: 'Nunito Sans', -apple-system, 'Segoe UI', Helvetica, sans-serif;

  --sb-weight-regular: 400;
  --sb-weight-semibold: 600;

  --sb-tracking-normal: -0.01em;
  --sb-tracking-loose: 0.1em;
  --sb-tracking-looser: 0.15em;

  --sb-text-display: clamp(2.75rem, 1.9577rem + 3.3803vw, 5rem);
  --sb-leading-display: 1.2;
  --sb-text-jumbo: clamp(2.125rem, 1.5968rem + 2.2535vw, 3.625rem);
  --sb-leading-jumbo: 1.2;
  --sb-text-hero: clamp(1.75rem, 1.3759rem + 1.5962vw, 2.8125rem);
  --sb-leading-hero: 1.2;
  --sb-text-title: 1.5rem;
  --sb-leading-title: 1.5;
  --sb-text-body-lg: 1.1875rem;
  --sb-leading-body-lg: 1.75;
  --sb-text-body: 1rem;
  --sb-leading-body: 1.5;
  --sb-text-small: 0.875rem;
  --sb-leading-small: 1.5;
  --sb-text-micro: 0.8125rem;
  --sb-leading-micro: 1.5;

  --sb-sp-4: 0.25rem;
  --sb-sp-8: 0.5rem;
  --sb-sp-12: 0.75rem;
  --sb-sp-16: 1rem;
  --sb-sp-24: 1.5rem;
  --sb-sp-32: 2rem;
  --sb-sp-40: 2.5rem;
  --sb-sp-48: 3rem;
  --sb-sp-64: 4rem;
  --sb-sp-96: 6rem;

  --sb-radius-none: 0;
  --sb-radius-card: 12px;
  --sb-radius-pill: 50px;
  --sb-radius-round: 50%;

  --sb-duration-base: 300ms;
  --sb-duration-exit: 200ms;
  --sb-duration-slow: 400ms;
  --sb-ease-base: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --sb-ease-spring: cubic-bezier(0.32, 2.32, 0.61, 0.27);

  --sb-shadow-card: 0 0 6px rgb(0 0 0 / 0.14);
  --sb-shadow-float: 0 0 6px rgb(0 0 0 / 0.24), 0 8px 12px rgb(0 0 0 / 0.14);
}