:root {
  --red: #D92B23;
  --red-dark: #B51F18;
  --cream: #FAF6F0;
  --off-black: #1A1A1A;
  --mustard: #E8B730;
  --mustard-light: #F6D36B;
  --mustard-dark: #946C07;
  --mustard-dark: #946C07;
  --ink-soft: rgba(26,26,26,0.74);
  --green: #4A7C59;
  --white: #FFFFFF;
  --red-tint: #FDECEA;
  --mustard-tint: #FCF3D9;
  --green-tint: #E6EFE8;

  --font-display: 'Fraunces', serif;
  --font-body: 'DM Sans', sans-serif;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-sharp: cubic-bezier(0.76, 0, 0.24, 1);

  --nav-height: 88px;
  --nav-height-scrolled: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 50px;

  --shadow-sm: 0 2px 8px rgba(26,26,26,0.06);
  --shadow-md: 0 8px 24px rgba(26,26,26,0.08);
  --shadow-lg: 0 16px 40px rgba(26,26,26,0.1);
  --shadow-xl: 0 24px 64px rgba(26,26,26,0.14);
}