/*
============================================================
PRO011 · Calculadora FOB
Archivo: styles/tokens.css
============================================================
PROPÓSITO FUNCIONAL
Tokens visuales del estándar Strapi de Bidcom en modo oscuro (por
defecto) y claro. Única fuente de colores, radios y tipografía.
NO DEBE
Contener estilos de componentes (viven en styles/app.css).
============================================================
*/
:root, [data-tema="oscuro"] {
  --bg: #181826; --surface: #212134; --surface-2: #27273f; --surface-3: #2f2f4a;
  --border: #32324d; --border-strong: #494968;
  --text: #f4f4f7; --text-soft: #dcdce4; --muted: #a5a5ba;
  --primary: #7b79ff; --primary-hover: #8d8bff; --primary-soft: rgba(123,121,255,.14); --on-primary: #fff;
  --success: #5cb176; --success-soft: rgba(92,177,118,.14);
  --danger: #e06c75; --danger-soft: rgba(224,108,117,.14);
  --warning: #e6b45d; --warning-soft: rgba(230,180,93,.14);
  --input: #23233a; --photo: #2a2a44; --scrim: rgba(10,10,20,.6);
  --focus: 0 0 0 3px rgba(123,121,255,.45);
  color-scheme: dark;
}
[data-tema="claro"] {
  --bg: #f6f8ff; --surface: #fff; --surface-2: #f1f3ff; --surface-3: #e9edff;
  --border: #d7dcf2; --border-strong: #b9c2e8;
  --text: #11132b; --text-soft: #2f355f; --muted: #565e88;
  --primary: #0000d4; --primary-hover: #0000b3; --primary-soft: rgba(0,0,212,.09); --on-primary: #fff;
  --success: #1f7a47; --success-soft: rgba(46,139,87,.12);
  --danger: #c03f4a; --danger-soft: rgba(207,79,90,.12);
  --warning: #9a630c; --warning-soft: rgba(185,120,19,.13);
  --input: #fff; --photo: #e4e8fb; --scrim: rgba(17,19,43,.4);
  --focus: 0 0 0 3px rgba(0,0,212,.3);
  color-scheme: light;
}
:root {
  --radius: 4px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}