/* Municipium Bureau design tokens — MPS-008 fase 1.
 * Los aliases heredados conservan compatibilidad mientras las pantallas migran.
 */
:root {
  color-scheme: light;

  /* Marca */
  --color-brand-950: #00143f;
  --color-brand-900: #001f5f;
  --color-brand-800: #063179;
  --color-brand-700: #0a3b8f;
  --color-brand-600: #1456b8;
  --color-accent-600: #007fa3;
  --color-accent-500: #00a9d6;
  --color-accent-400: #18bde8;

  /* Texto y superficies */
  --color-text-primary: #061a3a;
  --color-text-secondary: #475569;
  --color-text-inverse: #ffffff;
  --color-surface: #ffffff;
  --color-surface-subtle: #f6faff;
  --color-surface-muted: #edf7fc;
  --color-border: #dbe7f0;
  --color-border-strong: #9dbbd1;
  --color-focus: #0a3b8f;

  /* Estados semánticos */
  --color-info: #075985;
  --color-info-surface: #e0f2fe;
  --color-success: #166534;
  --color-success-surface: #dcfce7;
  --color-warning: #854d0e;
  --color-warning-surface: #fef3c7;
  --color-danger: #b91c1c;
  --color-danger-surface: #fee2e2;
  --color-disabled: #64748b;
  --color-disabled-surface: #e2e8f0;

  /* Tipografía */
  --font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 800;
  --font-weight-heavy: 900;
  --line-height-tight: 1.2;
  --line-height-body: 1.65;

  /* Espaciado */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Bordes y elevación */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.625rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --shadow-sm: 0 8px 22px rgba(6, 26, 58, 0.06);
  --shadow-md: 0 12px 36px rgba(6, 26, 58, 0.08);
  --shadow-lg: 0 24px 70px rgba(6, 26, 58, 0.10);
  --focus-ring: 0 0 0 3px rgba(10, 59, 143, 0.28);

  /* Movimiento */
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --easing-standard: ease;

  /* Alias compatibles con el CSS existente */
  --navy-950: var(--color-brand-950);
  --navy-900: var(--color-brand-900);
  --navy-800: var(--color-brand-800);
  --blue-700: var(--color-brand-700);
  --blue-600: var(--color-brand-600);
  --cyan-500: var(--color-accent-500);
  --cyan-400: var(--color-accent-400);
  --text: var(--color-text-primary);
  --muted: var(--color-text-secondary);
  --soft: var(--color-surface-subtle);
  --soft-2: var(--color-surface-muted);
  --white: var(--color-surface);
  --border: var(--color-border);
  --border-strong: var(--color-border-strong);
  --card: var(--color-surface);
  --shadow: var(--shadow-lg);
  --shadow-soft: var(--shadow-md);
}

html[data-contrast="high"] {
  color-scheme: light;
  --color-brand-950: #000000;
  --color-brand-900: #000000;
  --color-brand-800: #000000;
  --color-brand-700: #000000;
  --color-brand-600: #000000;
  --color-accent-600: #000000;
  --color-accent-500: #000000;
  --color-accent-400: #000000;
  --color-text-primary: #000000;
  --color-text-secondary: #000000;
  --color-text-inverse: #ffffff;
  --color-surface: #ffffff;
  --color-surface-subtle: #ffffff;
  --color-surface-muted: #ffffff;
  --color-border: #000000;
  --color-border-strong: #000000;
  --color-focus: #000000;
  --color-info: #000000;
  --color-info-surface: #ffffff;
  --color-success: #000000;
  --color-success-surface: #ffffff;
  --color-warning: #000000;
  --color-warning-surface: #ffffff;
  --color-danger: #000000;
  --color-danger-surface: #ffffff;
  --color-disabled: #000000;
  --color-disabled-surface: #ffffff;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --focus-ring: 0 0 0 4px #ffbf00;
}