/* crm/specs/0012-rediseno-visual + 0013 (admin). Tokens de color y tipografía,
   el ÚNICO archivo con colores literales. Lo cargan base.html (CRM) y
   admin/base_site.html (admin de Django). Cambio de marca = editar aquí. */

/* Tipografía compartida por el CRM y el admin. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/inter-variable.260c81a4759b.woff2") format('woff2');
}

/* ---------- 1. Tokens: tema claro (Dirección A de rebranding/: lima + fondo claro) ---------- */
:root {
  --bg: #f6f6f7;
  --surface: #ffffff;
  --surface-2: #f0f0f2;
  --border: #e4e4e7;
  --border-strong: #8a8a93;
  --text: #18181b;
  --text-muted: #55555e;
  --link: #3f5a00;
  /* --accent-base: el admin de Django también usa --accent; crm-admin.css lo
     apunta aquí (no puede ser var(--accent) consigo mismo). */
  --accent-base: #ccff00;
  --accent: var(--accent-base);
  --accent-hover: #b3e600;
  --accent-ink: #000000;
  --danger: #b42318;
  --danger-bg: #fef3f2;
  --warning: #8a5300;
  --warning-bg: #fffaeb;
  --success: #3f5a00;
  --success-bg: #f5fde0;
  --focus: #3f5a00;
  --shadow: 0 1px 2px rgba(16, 16, 20, 0.06);
  /* crm/specs/0022: fondo detrás del modal de vista previa (igual en ambos temas). */
  --overlay: rgba(0, 0, 0, 0.6);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-h1: 1.625rem;
  --fs-h2: 1.1875rem;
  --fs-body: 0.9375rem;
  --fs-small: 0.8125rem;
  --radius: 8px;
  --radius-sm: 6px;
  /* 0004-tablero-kanban (Req 12): altura del header fijo, usada por el tablero. */
  --crm-header-h: 61px;
  color-scheme: light;
}

/* ---------- 2. Tokens: tema oscuro ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b0b0c;
    --surface: #161618;
    --surface-2: #222226;
    --border: #2e2e33;
    --border-strong: #76767f;
    --text: #f4f4f5;
    --text-muted: #a1a1aa;
    --link: #d4f25a;
    --danger: #f97066;
    --danger-bg: #2a1414;
    --warning: #fdb022;
    --warning-bg: #2a2210;
    --success: #c4ef4a;
    --success-bg: #1b2410;
    --focus: #d4f25a;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0b0b0c;
  --surface: #161618;
  --surface-2: #222226;
  --border: #2e2e33;
  --border-strong: #76767f;
  --text: #f4f4f5;
  --text-muted: #a1a1aa;
  --link: #d4f25a;
  --danger: #f97066;
  --danger-bg: #2a1414;
  --warning: #fdb022;
  --warning-bg: #2a2210;
  --success: #c4ef4a;
  --success-bg: #1b2410;
  --focus: #d4f25a;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  color-scheme: dark;
}