/* Theme variables */
:root {
  /* LIGHT MODE (Default) */
  --bg-main: #FFFFFF;
  --bg-soft: #F8F6F1;
  --bg-secondary: #F1ECE3;
  --border-color: #DED7CB;
  --text-main: #171513;
  --text-muted: #686158;
  --accent-gold: #B7863F;
  --accent-champagne: #D7B777;

  /* Card and interactive surfaces */
  --surface-card: #FFFFFF;
  --surface-hover: #F8F6F1;
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
  --shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.08);

  /* Nav & Footer specifics */
  --nav-bg: rgba(255, 255, 255, 0.95);
  --nav-border: #DED7CB;
  --footer-bg: #0B0B0A;
  --footer-surface: #151413;
  --footer-border: #3A3530;
  --footer-text: #F7F3EA;
  --footer-muted: #B9B0A3;
  --footer-gold: #C99A52;

  /* Font Families */

--font-heading: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

--font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Layout */
  --container-max-width: 1280px;
  --transition-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* DARK MODE */
[data-theme="dark"] {
  --bg-main: #0B0B0A;
  --bg-soft: #151413;
  --bg-secondary: #1E1C19;
  --border-color: #3A3530;
  --text-main: #F7F3EA;
  --text-muted: #B9B0A3;
  --accent-gold: #C99A52;
  --accent-champagne: #E2C58F;

  --surface-card: #151413;
  --surface-hover: #1E1C19;
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.6);

  --nav-bg: rgba(11, 11, 10, 0.95);
  --nav-border: #3A3530;
}