/* Design tokens — from SPEC.md (weichie.com skeleton). Rebrand = edit this file only. */
:root {
  --clr-primary: #ff4f31;
  --clr-accent-text: #c7361c;   /* accent tone for approved headline accent lines (text scale only) */
  --clr-status-ok: #1d7a3a;     /* ok/live state inside UI mocks only, never brand color */
  --clr-ink: #12110b;
  --clr-beige: #f4efea;
  --clr-bg: #fdf9f9;
  --clr-off-white: #fdf8f7;
  --clr-glass: #f6f5f4;
  --clr-dark: #15140e;
  --clr-dark-raised: #26241b;
  --clr-status-open: #2ecc40;
  --clr-status-closed: #c72c27;
  --clr-text: var(--clr-ink);
  --clr-muted: color-mix(in srgb, var(--clr-text) 50%, transparent);
  --clr-surface: #ffffff;

  --ff-title: "Open Sans", system-ui, sans-serif;
  --fw-display: 300;
  --ff-body: "Open Sans", system-ui, sans-serif;

  --fs-display: clamp(2.5rem, 9.375vw + .625rem, 10rem);
  --fs-xxl: clamp(2.25rem, 6.5625vw + .9375rem, 7.5rem);
  --fs-xl: clamp(1.875rem, 3.90625vw + 1.09375rem, 5rem);
  --fs-l: clamp(1.625rem, 2.96875vw + 1.03125rem, 4rem);
  --fs-m: clamp(1.5rem, 1.875vw + 1.125rem, 3rem);
  --fs-s: clamp(1.375rem, 1.40625vw + 1.09375rem, 2.5rem);
  --fs-xs: clamp(1.25rem, .625vw + 1.125rem, 1.75rem);
  --fs-body-lg: clamp(1.125rem, .46875vw + 1.03125rem, 1.5rem);
  --fs-body: clamp(1rem, .390625vw + .921875rem, 1.3125rem);
  --fs-body-sm: clamp(1rem, .15625vw + .96875rem, 1.125rem);
  --fs-body-xs: clamp(.875rem, .15625vw + .84375rem, 1rem);

  --pad: clamp(5rem, 3.125vw + 4.375rem, 7.5rem);
  --gutter: clamp(1.25rem, 4.6875vw + .3125rem, 5rem);
  --container-xl: 98rem;
  --container-lg: 64.625rem;
  --container-md: 47.25rem;
  --container-sm: 30.125rem;

  --radius: 1rem;
  --radius-sm: .75rem;
  --radius-btn: 12px;
  --radius-full: 999px;

  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --t-fast: .2s;
  --t-normal: .3s;
}

:root[data-theme="dark"] {
  --clr-bg: var(--clr-dark);
  --clr-text: var(--clr-beige);
  --clr-off-white: #191812;
  --clr-beige: #1f1e16;
  --clr-glass: #1b1a13;
  --clr-surface: var(--clr-dark-raised);
}