/* ==========================================
   THE AWAKENING — Design Tokens
========================================== */
:root{
  /* Backgrounds */
  --bg-primary:#FCF9F5;
  --bg-secondary:#F8F2EC;
  --bg-light:#FFFFFF;
  --bg-dark:#221D1D;

  /* Brand */
  --burgundy:#5A3238;
  --burgundy-hover:#6B3E45;
  --gold:#D8B982;
  --gold-light:#EAD7B0;
  --sage:#EAF3F0;
  --sand:#F6EBDE;

  /* Text */
  --text-dark:#2A2525;
  --text-light:#6C6663;
  --text-white:#FFFFFF;

  /* UI */
  --border:#ECE5DD;
  --shadow-soft:0 16px 40px rgba(0,0,0,.06);
  --shadow-card:0 24px 50px rgba(0,0,0,.08);
  --shadow-button:0 12px 28px rgba(90,50,56,.25);

  /* Radius */
  --radius-xs:8px;
  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:32px;
  --radius-xl:60px;

  /* Spacing (mobile-first base values, scaled up in responsive.css) */
  --space-xs:.5rem;
  --space-sm:1rem;
  --space-md:1.75rem;
  --space-lg:3rem;
  --space-xl:4.5rem;
  --space-2xl:6rem;

  /* Container */
  --container:1180px;

  /* Animation */
  --transition:all .35s ease;
  --ease:cubic-bezier(.16,1,.3,1);
}