/* ============================================================
   variables.css — Design tokens del formulario médico
   ============================================================ */

:root {
  /* ── Colores ─────────────────────────────────────── */
  --c-page:        #d6d0c0;
  --c-card:        #e2ddd0;
  --c-header-bg:   #cdc8b5;
  --c-section-bg:  #d8d3c3;
  --c-fieldset-bg: #e8e4d8;
  --c-panel-bg:    #ede9dc;
  --c-border:      #a09880;
  --c-border-dark: #6b6452;
  --c-border-line: #8a8270;
  --c-text:        #1e1c18;
  --c-label:       #3a3830;
  --c-sublabel:    #6b6452;
  --c-placeholder: #aca89a;
  --c-accent:      #1a5f8a;
  --c-accent-ring: #4a9fd4;
  --c-check:       #1a5f8a;
  --c-title-strip: #b8b3a0;
  --c-badge:       #5c5848;

  /* ── Tipografía ──────────────────────────────────── */
  --ff-display: 'Barlow Condensed', sans-serif;
  --ff-body:    'Barlow', sans-serif;

  /* ── Border-radius ───────────────────────────────── */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 14px;

  /* ── Sombras ─────────────────────────────────────── */
  --shadow-card:    0 3px 14px rgba(0, 0, 0, 0.18);
  --shadow-section: 0 2px 8px  rgba(0, 0, 0, 0.13);
}