/* ============================================================
   M&S Accounting Advisers — Sistema de diseño
   tokens.css · Variables de marca compartidas por todas las vistas
   ============================================================ */

:root {
  /* ---- Paleta de marca ---- */
  --navy:        #1B2B4B;   /* Primario · barras, encabezados */
  --navy-700:    #233a63;
  --navy-600:    #2d4a7d;
  --green:       #7DC242;   /* Acento · acciones, éxito */
  --green-700:   #69a834;
  --green-tint:  #eaf5d8;
  --green-ink:   #27500A;
  --blue:        #378ADD;
  --blue-tint:   #e6f1fb;
  --blue-ink:    #185FA5;
  --amber:       #EF9F27;
  --amber-tint:  #fff3cd;
  --amber-ink:   #854F0B;
  --red:         #E24B4A;
  --red-tint:    #fde8e8;
  --red-ink:     #A32D2D;

  /* ---- Superficies y texto ---- */
  --bg:          #e8ecf2;
  --bg-portal:   #f0f3f7;
  --surface:     #ffffff;
  --line:        #e2e8f0;
  --line-soft:   #f0f2f5;
  --ink:         #1B2B4B;   /* texto principal */
  --ink-muted:   #6b7a8d;   /* texto secundario */
  --ink-faint:   #9aa3b0;

  /* ---- Tipografía ---- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif;
  --fs-display: 26px;
  --fs-h1: 18px;
  --fs-h2: 15px;
  --fs-h3: 13px;
  --fs-body: 12px;
  --fs-sm: 11px;
  --fs-xs: 10px;
  --fs-2xs: 9px;

  /* ---- Radios y sombras ---- */
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 14px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
  --shadow-brand: 0 4px 12px rgba(125,194,66,0.20);

  /* ---- Layout ---- */
  --topbar-h: 56px;
  --sidebar-w: 200px;
  --space: 8px;

  /* ---- Transiciones ---- */
  --t-fast: 0.15s ease;
  --t: 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}