/* ============================================================
   CLÍNICA EDRIA — Design Tokens
   ============================================================ */

:root {

  /* --- Colors: Gold Palette --- */
  --gold:           #B8964E;
  --gold-light:     #D4B978;
  --gold-pale:      #E8D5B0;
  --gold-gradient:  linear-gradient(135deg, #B8964E 0%, #D4B978 50%, #B8964E 100%);

  /* --- Colors: Neutrals --- */
  --beige:          #F0EBE3;
  --beige-light:    #F7F4EF;
  --white:          #FFFFFF;
  --black:          #1A1A1A;
  --gray:           #8C8C8C;
  --gray-light:     #C4C0B8;
  --gray-border:    #E8E4DD;

  /* --- Shadows --- */
  --shadow-soft:    0 2px 12px rgba(26, 26, 26, 0.06);
  --shadow-card:    0 4px 24px rgba(26, 26, 26, 0.09), 0 1px 4px rgba(26, 26, 26, 0.05);
  --shadow-hover:   0 8px 32px rgba(184, 150, 78, 0.18), 0 2px 8px rgba(184, 150, 78, 0.10);

  /* --- Border Radius --- */
  --radius:         16px;
  --radius-sm:      10px;
  --radius-full:    50px;

  /* --- Motion --- */
  --transition:     all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* --- Typography --- */
  --font-display:   'Playfair Display', Georgia, serif;
  --font-elegant:   'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:      'Inter', system-ui, -apple-system, sans-serif;

  /* --- Layout --- */
  --mobile-max:     430px;
  --sidebar-width:  280px;
}