:root {
  /* Background Colors */
  --bg-primary: #000000;
  --bg-secondary: #474747;
  --bg-tertiary: #585868;
  --bg-card: #1a1a2e;
  --bg-ribbon: #000000;
  --bg-projects-content: #323232;
  /* ponytail: removed aliases (bg-footer->bg-card, bg-browser-bar->bg-secondary, gold-light/filter-active/border-card->gold-primary/border-gold) */

  /* Gold Colors */
  --gold-primary: #f5ce00;
  --gold-dark: #d4af37;
  
  /* Text Colors */
  --text-primary: #f2f2f2;
  --text-secondary: #b0b0b0;
  --text-dark: #000000;
  
  /* Border Colors */
  --border-gold: #f5ce00;

  /* Filter Button Colors */
  --filter-active-text: #000000;
  --filter-inactive: #474747;
  
  /* Typography - Updated Fonts */
  --font-heading: 'Share Tech', serif;
  --font-body: 'Spectral', serif;
  --font-code: 'Source Code Pro', monospace;
  
  /* Font Sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 3rem;
  --font-size-4xl: 4rem;
  --font-size-title: 6rem;
  
  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 3rem;
  --spacing-xl: 4rem;
  --spacing-2xl: 6rem;
  
  /* Layout */
  --nav-height: 70px;
  --section-padding: 4rem;
  --max-width: 1920px;
  
  /* Ribbon */
  --ribbon-height: 80px;
  --ribbon-icon-size: 60px;
  --ribbon-gap: 60px;
  --ribbon-duration: 35s;

  /* Image captions */
  --caption-icon: url('../assets/icons/question-mark.svg');
}