/* ─── MdBcn · Design tokens ───────────────────────────────────────────────────────────────────────
   Variables CSS globales. Consumidas por index.html, client-bottom-nav.css
   e integration-patch.js vía var(). Sin reglas aplicadas.
   ─────────────────────────────────────────────────────────────────────────── */

:root {
  --ink: #111111;
  --cream: #F5F2ED;
  --warm: #EDE9E3;
  --red: #C5A059;
  --red-dark: #A88840;
  --accent: #C5A059;
  --accent-light: #E8D5A8;
  --gold: #C5A059;
  --gold-light: #C5A059;
  --sage: #4A7C59;
  --muted: #6B6B6B;
  --border: #E0DAD2;
  --card-bg: #FFFFFF;
  --shadow: 0 1px 3px rgba(17,17,17,0.06), 0 4px 16px rgba(17,17,17,0.05);
  --shadow-lg: 0 8px 32px rgba(17,17,17,0.1);
  --r: 12px;
  --r-sm: 8px;

  /* ── Inicio design system ── */
  --radius-card:    16px;
  --radius-pill:    20px;
  --shadow-card:    0 2px 12px rgba(0,0,0,0.08);
  --shadow-fab:     0 4px 16px rgba(197,160,89,0.40);
  --badge-dark:     rgba(28,25,23,0.75);
  --tag-pink-bg:    #FDE8EC;
  --tag-pink-text:  #C0395A;
  --tag-green-bg:   #E8F5E3;
  --tag-green-text: #2D7A3A;
  --tag-blue-bg:    #E8F0FE;
  --tag-blue-text:  #2558CC;
}