/* tokens.css — Design System Fase C
   Tokens de color, tipografía, espaciado, radio y sombra del tema público.
   Derivados del stack visual existente (MDB + sb-admin-2). No altera URLs. */

:root {
  /* ── Color primario (sb-admin/MDB del front público: azul #4e73df) ── */
  --color-primary: #4e73df;
  --color-primary-dark: #224abe;
  --color-primary-light: #82b1ff;
  --color-primary-50: #eef2fb;

  /* ── Neutros ── */
  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-border: #e5e7eb;
  --color-text: #212529;
  --color-text-muted: #6c757d;
  --color-text-light: #9ca3af;

  /* ── Semánticos ── */
  --color-success: #4caf50;
  --color-danger: #f44336;
  --color-warning: #ffb300;
  --color-info: #00acc1;

  /* ── Brand (logo/empresa) ── */
  --color-brand: #ffffff;
  --color-brand-text: #212529;

  /* ── Tipografía ── */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: .875rem;
  --font-size-lg: 1.25rem;
  --font-weight-normal: 400;
  --font-weight-bold: 700;

  /* ── Espaciado ── */
  --space-xs: .25rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 3rem;

  /* ── Radio ── */
  --radius-sm: .2rem;
  --radius-md: .375rem;
  --radius-pill: 10rem;

  /* ── Sombra ── */
  --shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
  --shadow-md: 0 .5rem 1rem rgba(0, 0, 0, .15);

  /* ── Transición ── */
  --transition-fast: .2s ease-in-out;

  /* ── Layout ── */
  --navbar-height: 56px;
  --container-max: 1200px;
}