/* Labendar Design Tokens — single source of truth for CSS variables */
:root {
  /* Brand */
  --orange-primary: #FF6B35;
  --orange-light:   #FF8E53;
  --green-primary:  #00C896;
  --green-light:    #55EFC4;

  /* Brand — text-safe variants. The brand hues fail WCAG AA as text on light
     surfaces (#FF6B35 on white is 2.8:1, #00C896 is 2.2:1). Use these whenever
     a brand colour carries a word instead of a shape. */
  --brand-text:  #C2410C;   /* 5.2:1 on white */
  --accent-text: #047857;   /* 5.5:1 on white */

  /* Gradients */
  --primary-gradient:   linear-gradient(135deg, #FF6B35 0%, #F7931E 50%, #FF8E53 100%);
  --secondary-gradient: linear-gradient(135deg, #00C896 0%, #1DD1A1 50%, #55EFC4 100%);
  --soft-gradient:      linear-gradient(135deg, #FFF5F1 0%, #F0F9F6 100%);

  /* Shadows */
  --card-shadow:       0 20px 40px rgba(255, 107, 53, 0.08);
  --card-shadow-hover: 0 30px 60px rgba(255, 107, 53, 0.12);

  /* Neutral elevation, for surfaces that are not brand-tinted. */
  --shadow-1: 0 8px 24px rgba(16, 24, 40, .08);
  --shadow-2: 0 18px 50px rgba(16, 24, 40, .12);

  /* Neutrals — surfaces, borders and text.
     `--text-muted` was already being referenced by admin templates without ever
     being defined; it lives here now. */
  --surface:       #ffffff;
  --surface-muted: #f8fafc;
  --surface-sunk:  #f1f5f9;
  --border:        #e2e8f0;
  --border-strong: #cbd5e1;
  --text:          #1e293b;
  --text-soft:     #475569;
  --text-muted:    #94a3b8;

  /* Severity — always paired with a label or icon, never colour alone. */
  --danger:      #b42318;
  --danger-soft: #fef3f2;
  --warn:        #b54708;
  --warn-soft:   #fffaeb;
  --info:        #175cd3;
  --info-soft:   #eff8ff;
  --ok:          #027a48;
  --ok-soft:     #ecfdf3;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Geometry */
  --border-radius:   20px;
  --radius-sm:       8px;
  --radius-md:       12px;
  --radius-lg:       16px;
  --section-padding: 120px 0;

  /* Schedule tables */
  --schedule-cell-font-size: 9px;
  --schedule-cell-line-height: 1;
}

#contenedorHorarios table tbody td,
#contenedorHorariosAlternativo table tbody td {
  font-size: var(--schedule-cell-font-size);
  line-height: var(--schedule-cell-line-height);
}