/* Tokens visuales HD Marketing SA.
   Fuente solo lectura: hdmarketingsa-web/src/styles.css y
   hdmarketingsa-web/src/components/site/SiteHeader.tsx.
   --color-background (#07070b), --color-primary (#E10600), blanco, plata,
   tipografías Orbitron/Rajdhani, radio base y --shadow-elevated proceden de
   styles.css. La escala de espaciado se normalizó desde los valores usados
   en styles.css y SiteHeader.tsx. Estados success/danger, overlays y tamaños
   fluidos son extensiones propias para esta interfaz. */
:root {
  color-scheme: dark;
  --color-background: #07070b;
  --color-primary: #e10600;
  --color-white: #ffffff;
  --color-silver: #d9d9d9;
  --color-panel: #101012;
  --color-panel-raised: #19191d;
  --color-muted: #b7b7c0;
  --color-border: rgb(255 255 255 / 12%);
  --color-success: #79d7a0;
  --color-danger: #ff6b66;
  --color-brand-wash: rgb(225 6 0 / 10%);
  --color-brand-soft: rgb(225 6 0 / 16%);
  --color-danger-border: rgb(225 6 0 / 40%);
  --color-surface-glass: rgb(255 255 255 / 2%);
  --color-panel-glass-start: rgb(255 255 255 / 5%);
  --color-panel-glass-end: rgb(255 255 255 / 1%);
  --font-display: "Orbitron", "Inter", Arial, sans-serif;
  --font-sans: "Rajdhani", "Inter", Arial, sans-serif;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --radius: 0.75rem;
  --radius-card: 1rem;
  --radius-pill: 999px;
  --shadow-elevated: 0 20px 60px -20px rgb(0 0 0 / 70%), 0 0 0 1px rgb(255 255 255 / 5%) inset;
  --shadow-red: 0 0 40px rgb(225 6 0 / 45%), 0 0 80px rgb(225 6 0 / 25%);
  --size-control: 2.75rem;
  --size-icon: 1.25rem;
  --size-title: clamp(1.75rem, 5vw, 3rem);
  --size-code: clamp(3.5rem, 16vw, 9rem);
  --size-body: 1rem;
  --size-small: 0.875rem;
  --size-zero: 0;
  --size-hairline: 1px;
  --size-focus: 2px;
  --size-logo-min: 4rem;
  --size-logo-max: 6rem;
  --size-logo-fluid: 10vw;
  --size-pair-fluid: 80vw;
  --size-pair-max: 32rem;
  --size-wide-card: 36rem;
  --size-screen-height: 100vh;
  --size-content-card-min: 18rem;
  --size-panel-small-max: 12rem;
  --size-duration-control: 5rem;
  --size-toast-max: 80vw;
  --size-gradient-focus: 70%;
  --size-grid-one: 1fr;
  --size-grid-two: 2px;
  --size-text-tight: 1.25rem;
  --size-text-large: 1.75rem;
  --size-text-fluid-min: 3vw;
  --size-title-fluid-min: 5vw;
  --tracking-code: 0.16em;
  --tracking-eyebrow: 0.16em;
  --tracking-brand: 0.14em;
  --weight-bold: 700;
  --weight-heavy: 800;
  --size-skeleton-width: 55%;
  --size-gradient-edge: 40%;
  --size-full: 100%;
  --duration-skeleton: 1.5s;
  --duration-reduced: 0.01ms;
  --opacity-skeleton: 0.45;
  --offset-hover: -1px;
  --media-mobile: 36rem;
  --media-tablet: 52rem;
  --content-width: 76rem;
  --transition-fast: 160ms ease;
  --transition-normal: 240ms ease;
}