/* ============================================================
   variables.css — Design tokens
   Change the brand red/wine, spacing scale or type scale ONCE
   here and it propagates sitewide. Do not hard-code hex values
   or px sizes in other CSS files — reference these tokens.
   ============================================================ */
:root{
  /* Brand colors */
  --wine:#8A153E;
  --wine-deep:#5E0F2A;
  --paper:#F7F2EE;
  --ink:#1E1417;
  --mauve:#C58A9F;
  --mauve-soft:#EADCE1;
  --white:#FFFFFF;
  --line:rgba(30,20,23,0.12);
  --line-on-wine:rgba(255,255,255,0.18);
  --error:#C0392B;
  --error-bg:#FDF3F2;

  /* Text */
  --text-body:#4A3E42;
  --text-muted:#5A4E53;
  --text-faint:#8A7B80;
  --text-soft:#6E6165;

  /* Type */
  --font-heading:'Space Grotesk',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'Space Mono',monospace;

  /* Layout */
  --container-width:1160px;
  --container-pad:32px;
  --radius-sm:2px;
  --radius-md:3px;
  --radius-lg:5px;

  /* Motion */
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  --duration-fast:.2s;
  --duration-base:.3s;
  --duration-slow:.6s;

  /* Shadows */
  --shadow-card:0 20px 50px rgba(30,20,23,0.08);
  --shadow-lifted:0 24px 60px rgba(30,20,23,0.16);
  --shadow-modal:0 30px 70px rgba(0,0,0,0.4);

  /* Z-index scale */
  --z-header:60;
  --z-dropdown:70;
  --z-overlay:200;
}