:root {
  /* Brand */
  --uw-flame-500: #FC4233;
  --uw-flame-600: #E23621;
  --uw-flame-700: #FC4233;
  --uw-flame-800: #D92E27;
  --uw-ember-500: #FE5631;
  --uw-ember-300: #FF7A45;
  --uw-amber-500: #F9B526;
  --uw-amber-200: #ffe2a3;

  /* Neutrals */
  --uw-ink-900: #1A1512;
  --uw-ink-800: #241D19;
  --uw-ink-500: #746d68;
  --uw-grey-700: #554f4a;
  --uw-grey-600: #6B6560;
  --uw-grey-400: #9c958f;
  --uw-paper-0: #FFFDFB;
  --uw-sand-50: #FAF7F4;
  --uw-sand-100: #F4EFEA;
  --uw-sand-200: #E4DCD3;
  --uw-white: #ffffff;

  /* Semantic */
  --uw-bg: var(--uw-paper-0);
  --uw-bg-subtle: var(--uw-sand-50);
  --uw-surface: var(--uw-white);
  --uw-surface-muted: var(--uw-sand-100);
  --uw-text: var(--uw-ink-900);
  --uw-text-muted: var(--uw-grey-600);
  --uw-border: var(--uw-sand-200);
  --uw-action: var(--uw-flame-500);
  --uw-action-hover: var(--uw-flame-600);
  --uw-accent: var(--uw-flame-500);
  --uw-insight: var(--uw-amber-500);
  --uw-focus: var(--uw-amber-500);
  --uw-success: #2e7151;
  --uw-warning: #8a5a00;
  --uw-danger: #a9231b;

  /* Typography */
  --uw-font-display: "Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;
  --uw-font-body: "Inter", "Segoe UI", sans-serif;
  --uw-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --uw-text-xs: 0.78rem;
  --uw-text-sm: 0.875rem;
  --uw-text-base: 1rem;
  --uw-text-md: 1.125rem;
  --uw-text-lg: clamp(1.25rem, 1.1rem + 0.45vw, 1.5rem);
  --uw-text-xl: clamp(1.75rem, 1.35rem + 1.2vw, 2.5rem);
  --uw-text-2xl: clamp(2.5rem, 1.85rem + 2.3vw, 4.75rem);

  --uw-leading-tight: 0.98;
  --uw-leading-heading: 1.08;
  --uw-leading-body: 1.62;

  /* Spacing */
  --uw-space-1: 0.25rem;
  --uw-space-2: 0.5rem;
  --uw-space-3: 0.75rem;
  --uw-space-4: 1rem;
  --uw-space-5: 1.5rem;
  --uw-space-6: 2rem;
  --uw-space-7: 3rem;
  --uw-space-8: 4rem;
  --uw-space-9: 6rem;
  --uw-space-10: 8rem;

  /* Geometry */
  --uw-radius-xs: 0.25rem;
  --uw-radius-sm: 0.5rem;
  --uw-radius-md: 0.875rem;
  --uw-radius-lg: 1.5rem;
  --uw-radius-pill: 999px;
  --uw-border-width: 1px;
  --uw-rule-width: 2px;

  /* Elevation */
  --uw-shadow-sm: 0 8px 24px rgba(26, 21, 18, 0.07);
  --uw-shadow-md: 0 18px 46px rgba(26, 21, 18, 0.11);

  /* Layout */
  --uw-wrap: 90rem;
  --uw-reading: 46rem;
  --uw-gutter: clamp(1.25rem, 2.5vw, 3.5rem);
  --uw-section: clamp(4.5rem, 8vw, 8rem);

  /* Motion */
  --uw-duration-fast: 140ms;
  --uw-duration-base: 190ms;
  --uw-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --uw-duration-fast: 0ms;
    --uw-duration-base: 0ms;
  }
}