/* ============================================================================
   Version 2 — bordeaux
   ----------------------------------------------------------------------------
   Palette only. The dark-theme structure and the video hero live in
   assets/css/dark-theme.css, which every dark version shares.

   Why bordeaux and not navy: the footage is saturated magenta and amber, and a
   cool hue fights it. A deep wine sits in the same warm family as the paste and
   the studio, so the video and the page read as one thing. (Version 3 takes the
   navy route for comparison, and desaturates the footage further to cope.)
   ==========================================================================*/

@import url('dark-theme.css');

:root {
  /* Surfaces, darkest first */
  --cream: #170a0f;        /* page */
  --sand: #200e15;         /* tinted sections */
  --white: #26121a;        /* cards and panels */

  --nude: #4a2230;
  --clay: #97616f;
  --gold: #d9a46c;         /* champagne, warm against the wine */

  --ink: #fbf5f4;          /* primary text — now light */
  --ink-soft: #cbaeb4;     /* muted text, ~9:1 on the page background */
  --line: rgba(255, 255, 255, 0.13);

  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 32px -18px rgba(0, 0, 0, 0.75);
  --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.34), 0 24px 48px -24px rgba(0, 0, 0, 0.85);

  /* Hooks the shared dark theme reads */
  --surface-rgb: 23, 10, 15;
  --veil-rgb: 74, 22, 40;
  --footer-bg: #100609;
  --video-saturate: 0.82;
  --on-light: #1b0a11;
}

/* The wine surface is warm enough to tint the media wells to match. */
.svc-card-media, .gallery-grid figure, .cmp { background: #2c1620; }