/* Broquela — tokens de diseño (spec §10.2). Única fuente de color, tipo y espaciado.
   Si cambias un color, pasa apps/core/tests/test_tokens.py (contraste AA). */
@font-face {
  font-family: "Commissioner";
  src: url("../fonts/Commissioner.3b173d00c12f.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Tinta y superficies */
  --ink: #13262A;
  --muted: #56676A;
  --paper: #F4F6F5;
  --surface: #FFFFFF;
  --line: #D8E0DF;
  --line-strong: #7F918E;

  /* Marca */
  --petrol: #123F46;
  --petrol-600: #0C2F35;
  --petrol-50: #E6EEEF;
  --copper: #B87945;
  --copper-ink: #8A5527;
  --copper-tint: #F6EBDF;

  /* Estados (siempre acompañados de texto) */
  --ok: #2A6F47;
  --ok-bg: #E5F2EA;
  --warn: #7A5C00;
  --warn-bg: #FAF1D2;
  --danger: #B3261E;
  --danger-bg: #FBE8E6;
  --breach: #7A1030;
  --breach-bg: #F6E4EA;
  --neutral: #5B6770;
  --neutral-bg: #EEF1F2;

  /* Foco y barra lateral */
  --focus: #245A81;
  --side-text: #E3ECED;
  --side-muted: #A9C2C4;
  --side-active: #1C5560;

  /* Tipografía */
  --font: "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-table: 14px;
  --fs-base: 15px;
  --fs-md: 16px;
  --fs-lg: 19px;
  --fs-xl: 23px;
  --fs-2xl: 28px;

  /* Espaciado (base 4), radios, sombras */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --r-control: 4px;
  --r-panel: 8px;
  --shadow-overlay: 0 8px 24px rgb(18 63 70 / 0.14);

  --backdrop-dialog: rgb(19 38 42 / 0.35);
  --backdrop-sidebar: rgb(19 38 42 / 0.45);

  /* Compatibilidad con las plantillas anteriores al Plan 2. */
  --sc-border: var(--line);
  --sc-primary: var(--petrol);
  --sc-text: var(--ink);

  /* Estructura */
  --sidebar-w: 236px;
  --topbar-h: 56px;
}