/* ========================================
   DESIGN TOKENS — Servicios Exprés SP
   Paleta: Negro carbón + Rojo potencia + Amarillo acento
======================================== */

:root {
  /* --- Tipografía --- */
  --font-display: "Oswald", "Impact", "Arial Narrow", Arial, sans-serif;
  --font-sans:    "Roboto", "Segoe UI", Arial, sans-serif;

  /* --- Color base --- */
  --color-bg:             #0d0d0d;
  --color-surface:        #161616;
  --color-surface-deep:   #111111;
  --color-surface-strong: #1a1a1a;

  --color-text:       #ffffff;
  --color-text-muted: #c8c8c8;
  --color-text-soft:  #999999;

  /* --- Marca: rojo potencia + amarillo acento --- */
  --color-accent-primary:   #FB0102;   /* rojo */
  --color-accent-secondary: #f5c400;   /* amarillo */
  --color-accent-glow:      rgba(251, 1, 2, 0.18);

  --color-border-soft:   rgba(255, 255, 255, 0.06);
  --color-border-accent: rgba(251, 1, 2, 0.28);

  /* --- Radios y sombras --- */
  --radius-card:  12px;
  --radius-panel: 16px;
  --radius-pill:  999px;

  --shadow-card:  0 10px 28px rgba(0, 0, 0, 0.5);
  --shadow-panel: 0 14px 34px rgba(0, 0, 0, 0.55);
  --shadow-lift:  0 20px 44px rgba(0, 0, 0, 0.65);
  --shadow-red:   0 8px 28px rgba(251, 1, 2, 0.35);

  /* --- Espaciado --- */
  --space-section: 88px;
  --space-intro:   32px;
  --space-card:    28px;

  /* --- Detalles de sección --- */
  --title-line-width:  90px;
  --title-line-height: 4px;
  --kicker-size:       1.3rem;
  --kicker-spacing:    3px;
}