/* ERP Treccon · tokens.css — variables de GUIA-DISENO.md (claro/oscuro). */
:root {
  --ground: #F5F4F0; --panel: #FFFFFF; --panel-2: #FAF9F6;
  --ink: #1B1E24; --ink-2: #4A4F59; --ink-3: #7C8189;
  --line: #E3E1DA; --line-2: #D2CFC5;
  --primary: #14567C; --primary-ink: #0E3B57; --primary-bg: #E7F0F6;
  --amber: #B96A12; --amber-bg: #FBF0DE;
  --green: #2C6E49; --green-bg: #E4F1E9;
  --red: #B23B32; --red-bg: #FBE9E7;
  --purple: #5B4B8A; --purple-bg: #ECE8F6;
  /* Turquesa: el estado VALIDADA de Compras (Sesión 7). Es la segunda firma
     del flujo, la de Dirección de construcción; el prototipo solo tenía una. */
  --teal: #0F6E6E; --teal-bg: #E0F0F0;
  --radius: 10px;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;
  --shadow: 0 1px 2px rgba(27,30,36,.05), 0 4px 16px rgba(27,30,36,.04);
}
@media (prefers-color-scheme: dark) {
  :root {
    --ground:#14161A; --panel:#1C1F25; --panel-2:#21252C;
    --ink:#ECEBE6; --ink-2:#B4B7BD; --ink-3:#82868E;
    --line:#2C3037; --line-2:#383D45;
    --primary:#4F9BD1; --primary-ink:#A9D6F0; --primary-bg:#14303F;
    --amber:#E0A45A; --amber-bg:#3A2B14; --green:#6CC08C; --green-bg:#16301F;
    --red:#E58B82; --red-bg:#3A1D1A; --purple:#A99BD6; --purple-bg:#241E38;
    --teal:#5FBDBD; --teal-bg:#0F2A2A;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
  }
}
:root[data-theme="light"] {
  --ground:#F5F4F0; --panel:#FFF; --panel-2:#FAF9F6;
  --ink:#1B1E24; --ink-2:#4A4F59; --ink-3:#7C8189;
  --line:#E3E1DA; --line-2:#D2CFC5;
  --primary:#14567C; --primary-ink:#0E3B57; --primary-bg:#E7F0F6;
  --amber:#B96A12; --amber-bg:#FBF0DE; --green:#2C6E49; --green-bg:#E4F1E9;
  --red:#B23B32; --red-bg:#FBE9E7; --purple:#5B4B8A; --purple-bg:#ECE8F6;
  --teal:#0F6E6E; --teal-bg:#E0F0F0;
  --shadow: 0 1px 2px rgba(27,30,36,.05), 0 4px 16px rgba(27,30,36,.04);
}
:root[data-theme="dark"] {
  --ground:#14161A; --panel:#1C1F25; --panel-2:#21252C;
  --ink:#ECEBE6; --ink-2:#B4B7BD; --ink-3:#82868E;
  --line:#2C3037; --line-2:#383D45;
  --primary:#4F9BD1; --primary-ink:#A9D6F0; --primary-bg:#14303F;
  --amber:#E0A45A; --amber-bg:#3A2B14; --green:#6CC08C; --green-bg:#16301F;
  --red:#E58B82; --red-bg:#3A1D1A; --purple:#A99BD6; --purple-bg:#241E38;
  --teal:#5FBDBD; --teal-bg:#0F2A2A;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.25);
}