/* Shared design tokens */
:root {
  --prussian-blue: #371801;
  --gold: #D4AF37;
  --gold-light: #FFD700;
  --gold-dark: #B8860B;
  --gold-gradient: linear-gradient(90deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
  --gold-gradient-horizontal: var(--gold-gradient);
  --raisin-black-1: hsl(31, 94%, 12%);
  --raisin-black-2: hsl(34, 82%, 25%);
  --cultured-1: hsl(0, 0%, 93%);
  --cultured-2: hsl(192, 24%, 96%);
  --cadet: hsl(200, 15%, 43%);
  --white: #ffffff;
  --black: #000000;
  --dark-jungle-green: hsl(188, 63%, 7%);
  --misty-rose: hsl(7, 56%, 91%);
  --seashell: hsl(8, 100%, 97%);
  --opal: hsl(180, 20%, 62%);
  --alice-blue: hsl(210, 100%, 97%);
  --orange-soda: #D4AF37;

  --ff-display: 'Cormorant Garamond', serif;
  --ff-body: 'Outfit', sans-serif;

  --fs-1: 1.875rem;
  --fs-2: 1.5rem;
  --fs-3: 1.375rem;
  --fs-4: 1.125rem;
  --fs-5: 0.875rem;
  --fs-6: 0.813rem;
  --fs-7: 0.75rem;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;

  --transition: 0.3s ease;
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --section-padding: 100px;
  --shadow-1: 0 5px 20px 0 hsla(219, 56%, 21%, 0.1);
  --shadow-2: 0 16px 32px hsla(188, 63%, 7%, 0.1);
  --shadow-gold: 0 8px 32px rgba(212, 175, 55, 0.25);
  --shadow-gold-lg: 0 20px 40px rgba(212, 175, 55, 0.15);
}