/* === sv-tokens.css — Fuente de verdad para Next + Odoo ===
   Editado SOLO aquí. sync-tokens.sh copia a Odoo.
   ========================================================= */

:root {
  /* Colores principales */
  --sv-navy: #0B2F55;
  --sv-navy-light: #143D6B;
  --sv-navy-dark: #081F3A;
  --sv-green: #55D27A;
  --sv-green-dark: #3AB85E;
  --sv-red: #E74C3C;
  --sv-amber: #F5A623;

  /* Grises (Slate) */
  --sv-gray-50: #F8FAFC;
  --sv-gray-100: #F1F5F9;
  --sv-gray-200: #E2E8F0;
  --sv-gray-300: #CBD5E1;
  --sv-gray-400: #94A3B8;
  --sv-gray-500: #64748B;
  --sv-gray-600: #475569;
  --sv-gray-700: #334155;
  --sv-gray-800: #1E293B;
  --sv-gray-900: #0F172A;

  /* Megamenú */
  --sv-mega-side-bg: #fbfdff;
  --sv-mega-active-bg: #eafaf0;
  --sv-mega-active-fg: #08723d;
  --sv-mega-border: #dfe7ef;
  --sv-mega-divider: #edf1f5;
  --sv-mega-text: var(--sv-navy);
  --sv-mega-text-muted: #5c6d82;
  --sv-mega-text-label: #8090a3;
  --sv-mega-backdrop: rgba(13, 53, 100, 0.22);
  --sv-mega-shadow: 0 22px 60px rgba(21, 52, 85, 0.16);

  /* Sombras */
  --sv-shadow-card: 0 1px 3px rgba(11, 47, 85, 0.06);
  --sv-shadow-hover: 0 8px 24px rgba(11, 47, 85, 0.12);
  --sv-shadow-modal: 0 20px 60px rgba(11, 47, 85, 0.15);

  /* Fuentes */
  --sv-font-heading: 'Manrope', system-ui, sans-serif;
  --sv-font-body: 'Inter', system-ui, sans-serif;

  /* Layout */
  --sv-container-max: 1244px;
  --sv-container-pad: 16px;
  --sv-topbar-h: 28px;
  --sv-header-h: 63px;
  --sv-nav-h: 40px;
  --sv-header-total: 131px;

  /* Radio */
  --sv-radius-sm: 4px;
  --sv-radius-md: 8px;
  --sv-radius-lg: 12px;

  /* Stock badge */
  --sv-stock-green-bg: #eafaf0;
  --sv-stock-green-fg: #1a6535;
  --sv-stock-gray-bg: var(--sv-gray-100);
  --sv-stock-gray-fg: var(--sv-gray-600);
}

@media (min-width: 640px)  { :root { --sv-container-pad: 24px; } }
@media (min-width: 1024px) { :root { --sv-container-pad: 32px; } }