/* Marca Taxpace: colores, tipografía y medidas del design system.

   La app es una sola para las dos marcas (Taxpace y Solutions/TWO): lo único
   que cambia es esta carpeta, `frontend/marcas/<marca>/`, con este archivo y
   los logos. Cuál se usa lo decide la variable de entorno MARCA del servidor
   (backend/marca.py). Los colores salen tal cual del design system de la
   marca (azul del logo #0151cc sobre crema #e9eee4; naranja de Twenty solo como acento).

   Ojo: en la app `--accent` siempre ha sido el color de la marca. El color de
   acento del design system aquí se llama `--acento`.

   Las tipografías viven dentro de la app (frontend/fuentes/, licencia SIL
   OFL): la política de seguridad no deja cargarlas de Google, y así tampoco
   se le avisa a Google cada vez que alguien abre la app. Solo el juego
   latino, que cubre español e inglés; lo demás cae a la letra del sistema. */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fuentes/space-grotesk.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fuentes/plus-jakarta-sans.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fuentes/space-mono-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fuentes/space-mono-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --brand: #0151cc;
  --brand-strong: #0042a8;
  --brand-text: #0151cc;
  --brand-tint: #e3ecfb;
  --on-brand: #ffffff;
  --acento: #ff6a1a;
  --acento-tint: #fff0e6;
  --on-acento: #0c0c0d;
  --surface-page: #e9eee4;
  --surface: #ffffff;
  --surface-hover: #f3f6ef;
  --line: #dfe4d9;
  --line-strong: #8b8f86;
  --ink-strong: #0c0c0d;
  --ink: #1a1a1c;
  --ink-muted: #66666b;
  --focus: var(--brand-text);
  --success-bg: #e7f5ec;
  --success-text: #146c3a;
  --warning-bg: #fdf3d6;
  --warning-text: #7a5200;
  --danger-bg: #fde8e6;
  --danger-text: #a3201a;
  --on-danger: #ffffff;
  --info-bg: #e6f0fb;
  --info-text: #1f4f8a;
  --neutral-bg: #eef0ea;
  --neutral-text: #4a4a4f;
  --shadow-sm: 0 1px 2px rgba(12,12,13,0.04);
  --shadow-md: 0 16px 40px -16px rgba(1,30,80,0.22);
  color-scheme: light;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 999px;
  --border-hairline: 1px;
  --border-strong: 1.5px;
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", ui-monospace, "Courier New", monospace;
}

:root[data-theme="dark"] {
  --brand: #0151cc;
  --brand-strong: #2a6ae0;
  --brand-text: #7aa7ff;
  --brand-tint: #14254a;
  --on-brand: #ffffff;
  --acento: #ff7a33;
  --acento-tint: #2e1a0e;
  --on-acento: #0c0c0d;
  --surface-page: #0c0e14;
  --surface: #161a23;
  --surface-hover: #1f2430;
  --line: #262b38;
  --line-strong: #646b7c;
  --ink-strong: #ffffff;
  --ink: #eef1f6;
  --ink-muted: #a3a9b8;
  --focus: var(--brand-text);
  --success-bg: #12301f;
  --success-text: #6fd49a;
  --warning-bg: #33270b;
  --warning-text: #f2c14e;
  --danger-bg: #3a1513;
  --danger-text: #ff8a80;
  --on-danger: #0c0c0d;
  --info-bg: #10243d;
  --info-text: #7fb2f0;
  --neutral-bg: #262b38;
  --neutral-text: #c9cdd6;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 16px 40px -16px rgba(0,0,0,0.7);
  color-scheme: dark;
}