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

   Pacekeeping (la contabilidad con lectura de estados de cuenta por IA) se ve
   aparte de Taxpace pero vive en la misma instalación: es una "cara" de la
   marca Taxpace (backend/marca.py). Este archivo es el de Taxpace con el verde
   de Pacekeeping en lugar del azul: misma tipografía, mismas medidas, mismo
   crema de fondo y el mismo naranja de Twenty como acento. Lo demás (avisos,
   éxito, peligro, información) es igual en las dos, para que un "Pagado" o un
   "Rechazado" se lea igual en cualquier producto.

   Los valores y sus contrastes están en docs/diseno/pacekeeping.md.

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

@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: #00704a;
  --brand-strong: #005a3c;
  --brand-text: #00704a;
  --brand-tint: #e0f1e8;
  --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(0,48,32,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: #00704a;
  --brand-strong: #0a8a5a;
  --brand-text: #5fd3a0;
  --brand-tint: #0f2e22;
  --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;
}