/* Wallie design tokens — synced from design/wallie-handoff/tokens.css */
:root {
  color-scheme: light;

  /* Cream / paper */
  --cream: #F5EDE0;
  --cream-deep: #EFE4D2;
  --cream-warm: #FAEAD9;
  --paper: #FFF8EC;
  --white: #FBF6EC;

  /* Coral primary */
  --coral: #E8704A;
  --coral-deep: #C9532E;
  --coral-light: #F4A37E;
  --coral-pale: #FBC9B0;

  /* Ink */
  --ink: #1A1410;
  --ink-soft: #3D2E24;
  --ink-mid: #6B5849;
  --ink-faint: rgba(26, 20, 16, 0.5);

  /* Accents */
  --mint: #7BB394;
  --mint-deep: #4A8463;
  --butter: #F5C97A;
  --butter-deep: #E0A94B;
  --navy: #2A3447;
  --rust: #A8421E;
  --sky: #8FBCD9;

  /* Type */
  --font-sans: "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-display: "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-mono: "Inter Tight", system-ui, -apple-system, sans-serif;

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(26, 20, 16, 0.06), 0 2px 6px rgba(26, 20, 16, 0.04);
  --shadow-md: 0 2px 8px rgba(26, 20, 16, 0.08), 0 8px 24px rgba(26, 20, 16, 0.06);
  --shadow-lg: 0 4px 12px rgba(26, 20, 16, 0.1), 0 16px 40px rgba(26, 20, 16, 0.1);
  --shadow-coral: 0 8px 24px rgba(201, 83, 46, 0.25);

  /* Borders */
  --border: 1.5px solid rgba(26, 20, 16, 0.1);
  --border-strong: 2px solid var(--ink);

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;
}

* {
  box-sizing: border-box;
}

html {
  scrollbar-gutter: stable;
}

html,
body {
  margin: 0;
  padding: 0;
}