/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Serif+Display:wght@400&family=Montserrat:wght@400;600;700;800&family=Playfair+Display:wght@600;700;800&family=Source+Serif+4:wght@400;600&display=swap');

:root {
  /* === PRIMARY COLORS === */
  /* Deep Navy Blue from Epiphany wordmark logo */
  --primary-navy: #1B3A6B;
  --primary-navy-mid: #2A5298;
  --primary-navy-light: #EEF3FC;

  /* Warm Gold — trust, executive presence */
  --accent-gold: #C9973A;
  --accent-gold-hover: #A07628;
  --accent-gold-pale: #FBF4E8;

  /* === TEXT COLORS === */
  --text-dark: #0E1C33;        /* Near-black blue — headings */
  --text-mid: #3D5177;          /* Body copy */
  --text-light: #6E87A8;        /* Captions / subtext */
  --text-white: #FFFFFF;

  /* === SURFACE COLORS === */
  --surface-white: #FAFBFD;
  --surface-light: #F0F4FA;
  --surface-dark: #0E1C33;

  /* === EFFECTS & GLASS === */
  --glass-bg: rgba(255, 255, 255, 0.10);
  --glass-border: rgba(255, 255, 255, 0.22);
  --shadow-navy: rgba(27, 58, 107, 0.22);
  --shadow-deep: rgba(10, 20, 40, 0.38);

  /* === TYPOGRAPHY === */
  --font-display: 'Cormorant Garamond', serif;      /* Hero, editorial */
  --font-heading: 'Playfair Display', serif;         /* Section headings */
  --font-body: 'Source Serif 4', serif;              /* Body copy */
  --font-label: 'Montserrat', sans-serif;            /* Buttons, nav, labels */
  --font-accent: 'DM Serif Display', serif;          /* Emphasis callouts */

  /* === SPACING === */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;

  /* === TYPOGRAPHY SCALE === */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
  --fs-5xl: 3rem;
  --fs-6xl: 3.75rem;
  --fs-7xl: 4.5rem;

  /* === LINE HEIGHT === */
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.75;

  /* === TRANSITIONS === */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;

  /* === BORDER RADIUS === */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* === Z-INDEX === */
  --z-dropdown: 100;
  --z-sticky: 50;
  --z-modal: 1000;
  --z-tooltip: 1001;

  /* Luxury palette additions */
  --surface-charcoal: #141E2E;
  --surface-cream: #FBF4E8;
  --gold-hairline: rgba(201, 151, 58, 0.35);
  --card-dark: #1a2a44;
}

/* Light mode by default */
@media (prefers-color-scheme: dark) {
  :root {
    /* Could add dark mode overrides here */
  }
}