:root {
  
  /* Brown and Gold Theme */
  /*
  --bg:        #1C1208;
  --bg-accent: #2c1d0c;

  --text:      #F4E5B8;
  --muted:     rgba(244, 229, 184, 0.45);
  --accent:    #D4A830;
  --secondary: #4A8B7F;
  --third:     #6BA3A8;

  --border:         rgba(244, 229, 184, 0.3);
  --border-accent:  rgba(212, 168, 48, 0.3);
  
  --grid:      rgba(212, 168, 48, 0.05); 
  */


   /* Warm berry/honey Theme */
   
   --purple:   #583561;
   --red:      #A8415D;
   --orange:   #F18261;
   --yellow:   #FDE36E;
   --cream:    #F8FFD2;
   
   
   --bg:        #33173a;
   --bg-accent: #A8415D;

   --text:      #F8FFD2;
   --muted:     #F8FFD275;
   --semi:     #f8ffd2c4;
   
   --accent:    #FDE36E;
   --secondary: #CCFF00;
   --third:     #F18261;

   --border:    #F1826175;
   --border-accent:  #CCFF004D;

   --grid:      #F182611F;
   --hud-bg:    #a8415d80;

  

  /* Purple Retrowave/Cyber Theme */
  /* --bg:        #0f0a24;
  --bg-accent: #f2f0e433;

  --text:      #f2f0e4;
  --muted:     #F2F0E473;

  --accent:    rgb(204, 255, 0);
  --secondary: rgba(204, 0, 255, 1);
  --third:     rgba(219, 140, 255, 1);

  --border:         rgba(242, 240, 228, 0.3);
  --border-accent:  rgba(204, 255, 0, 0.3);

  --grid:      #f2f0e412;

  --hud-bg:     #db8cff1a; */

  /* Project-card gallery shape. Accepts any clip-path value:
     inset(... round ...), circle(), ellipse(), polygon(), path(), url(#clip).
     Applied to .project-gallery, which already clips with overflow: hidden.
     Default is none — skipping clip-path avoids re-rasterizing the mask every
     animation frame. Set a shape here only for non-rectangular thumbnails. */
  --thumb-mask: none;

  /* Aspect ratio of the project-card gallery strip. Wide banner, but tall
     enough that video and screenshots stay legible. Author every gallery asset
     at this ratio — 1800x600 covers the widest card at 2x. Anything squarer
     gets centre-cropped, anything wider loses its sides. */
  --thumb-ratio: 3 / 1;


  --serif:     'Farao', Georgia, serif;
  --sans:      'Space Grotesk', system-ui, sans-serif;
  --mono:      Consolas, SFMono-Regular, monospace;
  --max:       1040px;
  --px:        2.5rem;
}