/* Stratus 3D · tokens v1.0 · oct 2026 (sistema de marca entregado por el cliente)
   Hoy se aplican a los botones (ver "Botones" en base.css). */
:root {
  /* Marca */
  --s3d-grafito: #15171A;
  --s3d-grafito-hover: #2C3036;
  --s3d-grafito-press: #000000;
  --s3d-naranja: #FF5A1F;
  --s3d-naranja-hover: #F04A0E;
  --s3d-naranja-press: #E8460C;
  --s3d-azul: #2449C9;

  /* Neutros */
  --s3d-blanco: #FFFFFF;
  --s3d-niebla: #F3F4F6;
  --s3d-aluminio: #D5D9DF;
  --s3d-acero: #5B626C;

  /* Estados */
  --s3d-exito: #17804A;
  --s3d-alerta: #F2B200;
  --s3d-error: #C21F1A;
  --s3d-whatsapp: #25D366;
  --s3d-whatsapp-hover: #1FBF5C;
  --s3d-whatsapp-press: #1DB954;

  /* Tipografía */
  --s3d-font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --s3d-font-body: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
  --s3d-font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --s3d-h1: 800 40px/1.05 var(--s3d-font-display);
  --s3d-h2: 800 32px/1.1 var(--s3d-font-display);
  --s3d-h3: 700 24px/1.2 var(--s3d-font-display);
  --s3d-h4: 700 20px/1.3 var(--s3d-font-display);
  --s3d-body: 400 16px/1.55 var(--s3d-font-body);
  --s3d-small: 400 14px/1.5 var(--s3d-font-body);
  --s3d-label: 600 12px/1.3 var(--s3d-font-body);
  --s3d-label-tracking: 0.08em;

  /* Forma y espacio (base 4 px) */
  --s3d-radius: 6px;
  --s3d-radius-card: 8px;
  --s3d-space-1: 4px;  --s3d-space-2: 8px;  --s3d-space-3: 12px;
  --s3d-space-4: 16px; --s3d-space-6: 24px; --s3d-space-8: 32px;
  --s3d-focus: 0 0 0 2px var(--s3d-blanco), 0 0 0 5px var(--s3d-azul);

  /* Botones: alto · padding horizontal · tamaño de letra */
  --s3d-btn-sm: 32px; --s3d-btn-sm-px: 12px; --s3d-btn-sm-fs: 14px;
  --s3d-btn-md: 44px; --s3d-btn-md-px: 20px; --s3d-btn-md-fs: 16px;
  --s3d-btn-lg: 52px; --s3d-btn-lg-px: 28px; --s3d-btn-lg-fs: 18px;
}