:root {
  --accent: #f7dc00;
  --accent-dark: #d4bd00;
  --accent-tint: #fff8cc;
  --dark: #161310;
  --text: #36302a;
  --muted: #6b6258;
  --white: #fffefa;
  --paper: #faf6ee;
  --grey-light: #f3ede2;
  --grey-border: #e5ddcd;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 520ms;
  --dur-hero: 900ms;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 24px 48px -12px rgba(15, 23, 42, 0.12), 0 8px 16px -8px rgba(15, 23, 42, 0.08);
  --shadow-xl: 0 32px 64px -12px rgba(15, 23, 42, 0.18);
}