/* app/theme/tokens.css — design tokens DTS Dimeca (tema claro / oscuro) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../../vendor/inter-5.3.0/inter-latin-wght-normal.woff2') format('woff2');
}

:root {
  /* Marca Dimeca */
  --c-primary: #026937;
  --c-primary-600: #016836;
  --c-primary-700: #014f29;
  --c-primary-800: #0b3b22;
  --c-primary-100: #e3f2ea;
  --c-primary-200: #bfe3cf;
  --c-accent: #FFCE00;
  --c-accent-700: #c9a300;
  --c-accent-100: #fff6cc;

  /* Estado */
  --c-ok: #2e9e5b;
  --c-warn: #e0a800;
  --c-danger: #d64545;
  --c-info: #2f6fdd;
  --c-purple: #8b3fa8;

  /* Operadores (mismos colores que el despacho actual) */
  --c-op-online: #4caf50;
  --c-op-transportista: #4f7fe6;
  --c-op-offline: #b0b7bf;

  /* Superficies — tema claro */
  --bg: #f3f5f7;
  --surface: #ffffff;
  --surface-2: #f6f7f9;
  --surface-3: #eceff2;
  --border: #e2e6ea;
  --border-strong: #cfd5db;
  --text: #171c21;
  --text-2: #5a6572;
  --text-3: #8b96a2;
  --sidebar-bg: #0f1a14;
  --sidebar-bg-2: #15241b;
  --sidebar-text: #c9d4ce;
  --sidebar-text-2: #7f9187;
  --sidebar-active-bg: rgba(2, 105, 55, .35);
  --topbar-bg: #ffffff;
  --map-overlay: rgba(255,255,255,.92);

  /* Forma */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .04);
  --sh-2: 0 4px 12px rgba(16, 24, 40, .08);
  --sh-3: 0 12px 32px rgba(16, 24, 40, .16);

  /* Tipografía */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;

  /* Espaciado */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Layout */
  --sidebar-w: 248px;
  --sidebar-w-min: 64px;
  --topbar-h: 56px;
  --focus: 0 0 0 3px rgba(2, 105, 55, .25);

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0e1113;
  --surface: #171b1f;
  --surface-2: #1d2226;
  --surface-3: #252b30;
  --border: #2a3138;
  --border-strong: #3a434c;
  --text: #e8ecef;
  --text-2: #a4adb6;
  --text-3: #6f7a85;
  --sidebar-bg: #0a0e0c;
  --sidebar-bg-2: #10171300;
  --topbar-bg: #171b1f;
  --c-primary-100: #123a26;
  --c-primary-200: #1c5237;
  --c-accent-100: #3d3410;
  --map-overlay: rgba(23,27,31,.92);
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 4px 12px rgba(0,0,0,.45);
  --sh-3: 0 12px 32px rgba(0,0,0,.6);
  color-scheme: dark;
}