/* ============================================================
   Smith Barbershop — Design tokens
   Extraídos del theme real "barbershop" de smithbarbershop.com
   (assets/css/style.css + CSS aplicado en home). NO son estimaciones.
   ============================================================ */

:root {
  /* --- Superficies oscuras (la web es premium/oscura) --- */
  --c-bg:            #1b1d27;   /* base oscura (theme, 14×) */
  --c-bg-2:          #222222;   /* paneles */
  --c-bg-3:          #282828;   /* tarjetas elevadas */
  --c-surface:       #2b2e3a;   /* superficie clara sobre fondo oscuro */

  /* --- Acentos de marca --- */
  --c-accent:        #9f7150;   /* cobre/bronce: acento principal (theme, 40×) */
  --c-accent-600:    #875f43;   /* hover/pressed del acento */
  --c-accent-300:    #c69c6d;   /* acento claro (highlight) */
  --c-gold:          #b5a373;   /* oro apagado: acento secundario (theme, 11×) */
  --c-barber-red:    #ff1730;   /* rojo barber pole (theme, 20×) */

  /* --- Texto --- */
  --c-text:          #f4f4f1;   /* texto sobre oscuro (hueso) */
  --c-text-muted:    #b3b3b3;   /* secundario sobre oscuro */
  --c-text-dark:     #373737;   /* texto sobre claro */
  --c-text-dark-2:   #3a3e4a;

  /* --- Neutros / claros --- */
  --c-white:         #ffffff;
  --c-light:         #efefef;
  --c-border:        #3a3e4a;   /* bordes sutiles sobre oscuro */
  --c-border-soft:   rgba(255,255,255,.08);
  --c-muted:         #6b6b6b;

  /* --- Estado --- */
  --c-success:       #94ab4f;   /* verde del theme */
  --c-info:          #0094cd;
  --c-danger:        var(--c-barber-red);
  --c-warning:       #fc8200;

  /* --- Tipografía (fuentes reales del theme) --- */
  --font-body:    "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head:    "Poppins", "Montserrat", var(--font-body);
  --fw-normal: 400;
  --fw-medium: 600;
  --fw-bold:   700;

  /* --- Escala / radios / sombras --- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --shadow-1: 0 1px 3px rgba(0,0,0,.35);
  --shadow-2: 0 6px 24px rgba(0,0,0,.45);

  /* --- Espaciado base --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-8: 48px;

  /* Estados de cita (para la agenda) */
  --c-estado-reservada:  #0094cd;
  --c-estado-confirmada: #94ab4f;
  --c-estado-completada: #9f7150;
  --c-estado-cancelada:  #6b6b6b;
  --c-estado-no_show:    #ff1730;
}