/* ── Miran design tokens — legacy aliases pointing to base.css values ───────
   Kept for backward compatibility with pages that reference these names.
   New pages should import base.css + components.css + utilities.css instead.
──────────────────────────────────────────────────────────────────────────── */
*,
*::before,
*::after { box-sizing: border-box; }

:root {
  /* Legacy names → new values */
  --primary:            #C1272D;
  --primary-dark:       #9B1D22;
  --primary-light:      #FEE2E2;
  --secondary:          #0F2340;
  --accent:             #475569;
  --success:            #10B981;
  --background:         #FFFFFF;
  --background-secondary:#F9FAFB;
  --background-light:   #F9FAFB;
  --text-primary:       #111827;
  --text-secondary:     #6B7280;
  --text-light:         #9CA3AF;
  --border:             #E5E7EB;
  --error:              #EF4444;
  --gradient-primary:   linear-gradient(135deg, #C1272D 0%, #9B1D22 100%);
  --gradient-light:     #FEF2F2;
  --shadow-sm:          0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md:          0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg:          0 10px 15px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.04);
  --radius-sm:          6px;
  --radius-md:          10px;
  --radius-lg:          14px;
  --font-sans:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html { -webkit-font-smoothing: antialiased; }

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--text-primary);
  background: var(--background);
  line-height: 1.6;
}

:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}