/* HardWaxBean design tokens. Theme A "Amber Daylight" is the default.
   One token set for the wax line. Locked via project CLAUDE.md. */
:root {
  /* color */
  --bg: #F8F6F2;
  --surface: #FFFFFF;
  --surface-warm: #FDF0E3;
  --ink: #1C1917;
  --ink-soft: #44403C;
  --muted: #57534E;
  --accent: #C2410C;
  --accent-deep: #9A3412;
  --accent-tint: #FBE8DB;
  --on-accent: #FFFFFF;
  --line: #E5DFD6;
  --line-strong: #D6CEC2;
  --focus: #C2410C;

  /* type */
  --font-display: "Outfit", system-ui, -apple-system, sans-serif;
  --font-body: "Outfit", system-ui, -apple-system, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: clamp(1.9rem, 3.4vw, 2.6rem);
  --text-hero: clamp(2.3rem, 5vw, 3.9rem);

  /* rhythm */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius: 14px;
  --radius-sm: 9px;
  --radius-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(28, 25, 23, 0.05), 0 10px 30px -12px rgba(28, 25, 23, 0.14);
  --shadow-lift: 0 2px 4px rgba(28, 25, 23, 0.06), 0 18px 44px -16px rgba(28, 25, 23, 0.2);
  --container: 1180px;
}