/* ==========================================================================
   Design tokens — colors, type, spacing, easing
   ========================================================================== */

:root {
  /* Color palette — dark luxury anchored on the logo's gold */
  --color-bg: #0A0A0B;
  --color-bg-elevated: #131316;
  --color-bg-card: #18181C;
  --color-bg-card-hover: #1F1F24;
  --color-bg-deepest: #050506;

  --color-gold: #C9A961;
  --color-gold-bright: #E5C36A;
  --color-gold-deep: #8A7340;
  --color-gold-glow: rgba(201, 169, 97, 0.18);

  --color-text: #F5F2EA;
  --color-text-secondary: #A8A39A;
  --color-text-tertiary: #5C584F;

  --color-border: rgba(201, 169, 97, 0.12);
  --color-border-strong: rgba(201, 169, 97, 0.28);
  --color-border-faint: rgba(245, 242, 234, 0.06);

  /* Typography */
  --font-serif: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Layout */
  --container-max: 1280px;
  --header-height: 80px;

  /* Easing curves */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
}