:root {
  /* Primary — Gold (from shield) */
  --color-primary: #C9A227;
  --color-primary-light: #E4C765;
  --color-primary-dark: #9C7A1E;

  /* Secondary — Red (from crown/wings/ribbon) */
  --color-secondary: #C1272D;
  --color-secondary-light: #DD5A5F;
  --color-secondary-dark: #8F1D22;

  /* Accent — Black (from shield interior) */
  --color-accent: #16130F;
  --color-accent-soft: #2A2621;

  /* Neutrals / whitespace */
  --color-cream: #FAF7F0;
  --color-ivory: #F3EEE2;
  --color-white: #FFFFFF;
  --color-gray-100: #F5F5F4;
  --color-gray-300: #D6D3CE;
  --color-gray-600: #6B6560;
  --color-gray-900: #1F1C19;

  /* Semantic */
  --color-success: #2E7D4F;
  --color-warning: #B8862E;
  --color-danger: #B3261E;
  --color-info: #2E6F8E;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Jost', 'Inter', -apple-system, sans-serif;

  /* Shape / elevation */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --shadow-soft: 0 10px 40px rgba(22, 19, 15, 0.08);
  --shadow-elevated: 0 20px 60px rgba(22, 19, 15, 0.16);
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.35);

  /* Motion */
  --ease-luxury: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 180ms;
  --duration-base: 260ms;
}