/* Revteq UI — generated from tokens.json (brand/tools/build_ui.py). No editar a mano. */

@font-face { font-family: "Archivo"; src: url("../fonts/Archivo%5Bwdth,wght%5D.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/Archivo-Italic%5Bwdth,wght%5D.ttf") format("truetype"); font-weight: 100 900; font-style: italic; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Martian Mono"; src: url("../fonts/MartianMono%5Bwdth,wght%5D.ttf") format("truetype"); font-weight: 100 800; font-style: normal; font-display: swap; }

:root, [data-theme="oscuro"] {
  --surface-page: #111214;
  --surface: #1B1C1F;
  --surface-raised: #2A2C30;
  --line: #2A2C30;
  --line-strong: #74787F;
  --grid: #4A4D53;
  --ink: #F2F2F0;
  --ink-muted: #A4A8AF;
  --preset-rojo: #E5202E;
  --preset-rojo-on: #FFFFFF;
  --preset-rojo-text: #FF6068;
  --preset-naranja: #FF6A13;
  --preset-naranja-on: #111214;
  --preset-naranja-text: #FF7D33;
  --preset-amarillo: #FFC81E;
  --preset-amarillo-on: #111214;
  --preset-amarillo-text: #FFC81E;
  --preset-lima: #A6E22E;
  --preset-lima-on: #111214;
  --preset-lima-text: #A6E22E;
  --preset-cian: #19C3D6;
  --preset-cian-on: #111214;
  --preset-cian-text: #33CEDF;
  --preset-azul: #5B85FF;
  --preset-azul-on: #111214;
  --preset-azul-text: #7A9DFF;
  --accent: var(--preset-rojo);
  --on-accent: var(--preset-rojo-on);
  --accent-text: var(--preset-rojo-text);
  --focus: var(--preset-rojo-text);
  --ok: #3FBF7F;
  --warn: #F0A93B;
  --danger: #FF5A5F;
  --info: #7FB0FF;
  color-scheme: dark;
}
[data-theme="claro"] {
  --surface-page: #F2F2F0;
  --surface: #FFFFFF;
  --surface-raised: #E4E4E1;
  --line: #DCDCD8;
  --line-strong: #7C7F86;
  --grid: #C9CACC;
  --ink: #111214;
  --ink-muted: #5E6168;
  --preset-rojo: #C4122A;
  --preset-rojo-on: #FFFFFF;
  --preset-rojo-text: #C4122A;
  --preset-naranja: #B04000;
  --preset-naranja-on: #FFFFFF;
  --preset-naranja-text: #B04000;
  --preset-amarillo: #FFC81E;
  --preset-amarillo-on: #111214;
  --preset-amarillo-text: #7F5D00;
  --preset-lima: #467000;
  --preset-lima-on: #FFFFFF;
  --preset-lima-text: #467000;
  --preset-cian: #006F80;
  --preset-cian-on: #FFFFFF;
  --preset-cian-text: #006F80;
  --preset-azul: #1D4FD8;
  --preset-azul-on: #FFFFFF;
  --preset-azul-text: #1D4FD8;
  --accent: var(--preset-rojo);
  --on-accent: var(--preset-rojo-on);
  --accent-text: var(--preset-rojo-text);
  --focus: var(--preset-rojo-text);
  --ok: #166B40;
  --warn: #8A5200;
  --danger: #C21F2A;
  --info: #2457C5;
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --surface-page: #F2F2F0;
    --surface: #FFFFFF;
    --surface-raised: #E4E4E1;
    --line: #DCDCD8;
    --line-strong: #7C7F86;
    --grid: #C9CACC;
    --ink: #111214;
    --ink-muted: #5E6168;
    --preset-rojo: #C4122A;
    --preset-rojo-on: #FFFFFF;
    --preset-rojo-text: #C4122A;
    --preset-naranja: #B04000;
    --preset-naranja-on: #FFFFFF;
    --preset-naranja-text: #B04000;
    --preset-amarillo: #FFC81E;
    --preset-amarillo-on: #111214;
    --preset-amarillo-text: #7F5D00;
    --preset-lima: #467000;
    --preset-lima-on: #FFFFFF;
    --preset-lima-text: #467000;
    --preset-cian: #006F80;
    --preset-cian-on: #FFFFFF;
    --preset-cian-text: #006F80;
    --preset-azul: #1D4FD8;
    --preset-azul-on: #FFFFFF;
    --preset-azul-text: #1D4FD8;
    --accent: var(--preset-rojo);
    --on-accent: var(--preset-rojo-on);
    --accent-text: var(--preset-rojo-text);
    --focus: var(--preset-rojo-text);
    --ok: #166B40;
    --warn: #8A5200;
    --danger: #C21F2A;
    --info: #2457C5;
    color-scheme: light;
  }
}
:root {
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --tap-target: 48px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-full: 999px;
  --display-width: 125;
  --display-weight: 900;
  --display-slant: italic;
  --display-tracking: -0.03em;
}
.readout-xl { font-family: var(--font-display); font-size: 64px; line-height: 1; font-weight: 900; font-style: italic; letter-spacing: -0.03em; font-variation-settings: "wdth" var(--display-width); }
.readout-l { font-family: var(--font-display); font-size: 40px; line-height: 1; font-weight: 900; font-style: italic; letter-spacing: -0.03em; font-variation-settings: "wdth" var(--display-width); }
.readout-m { font-family: var(--font-display); font-size: 24px; line-height: 1.1; font-weight: 900; font-style: italic; letter-spacing: -0.02em; font-variation-settings: "wdth" var(--display-width); }
.title-l { font-family: var(--font-display); font-size: 30px; line-height: 1.05; font-weight: 900; font-style: italic; letter-spacing: -0.03em; font-variation-settings: "wdth" var(--display-width); }
.title { font-family: var(--font-display); font-size: 22px; line-height: 1.1; font-weight: 900; font-style: italic; letter-spacing: -0.02em; font-variation-settings: "wdth" var(--display-width); }
.heading { font-family: var(--font-body); font-size: 17px; line-height: 22px; font-weight: 700; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 400; }
.body-sm { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 400; }
.control { font-family: var(--font-body); font-size: 15px; line-height: 1; font-weight: 600; }
.control-sm { font-family: var(--font-body); font-size: 13px; line-height: 1.1; font-weight: 600; }
.mono { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
.eyebrow { font-family: var(--font-mono); font-size: 10.5px; line-height: 14px; font-weight: 600; letter-spacing: 0.06em; }