/* ════════════════════════════════════════════════════════════════
   organa-tokens.css — DESIGN TOKENS CANONICOS DE MARCA (Organa)
   FUENTE DE VERDAD. Editar SOLO aqui.

   Copia vendorizada en:
     organa_v2/src/organa/interfaces/web_demo/static/organa-tokens.css
   No editar la copia; sincronizar siempre desde este archivo.

   Paleta de marca: organa-compliance/paleta/organa-paleta-hex.png
   Principio rector: EL COLOR COMUNICA ESTADO DE CUMPLIMIENTO, NUNCA DECORA.

   Etiqueta de paleta -> variable (desfase de nombres historico):
     Papel   #F8F8F5 -> --paper-raised     Tinta   #17181A -> --ink
     Papel 2 #F1F1ED -> --paper            Tinta 2 #393B3D -> --ink-2
     Papel 3 #E9E9E2 -> --paper-2          Tinta 3 #6A6D6E -> --ink-3
     Crema   #EFEADD -> --crema            Tinta 4 #95988F -> --ink-4
     Oscuro  #141517 -> --oscuro
   ════════════════════════════════════════════════════════════════ */

:root {
  --paper: #F1F1ED;
  --paper-2: #E9E9E2;
  --paper-sunk: #E2E2D9;
  --paper-raised: #F8F8F5;
  --crema: #EFEADD;        /* marca: Crema (nuevo) */
  --oscuro: #141517;       /* marca: Oscuro (nuevo) */
  --ink: #17181A;
  --ink-2: #393B3D;
  --ink-3: #6A6D6E;
  --ink-4: #95988F;
  --rule-faint: #DCDCD2;
  --rule: #B8B9AE;
  --rule-strong: #17181A;
  --guinda: #7A1F2E;
  --guinda-2: #5A1421;
  --guinda-claro: #9C3043; /* marca: Guinda claro (nuevo) */
  --guinda-tint: #ECDCDA;
  --ochre: #9C7A2E;
  --ochre-tint: #E6E0C8;

  /* veredictos — color reservado a ESTADO de cumplimiento */
  --v-cub: #2F6B4A;
  --v-cub-tint: #DEE6DC;
  --v-par: #9C7A2E;
  --v-par-tint: #E9E2C8;
  --v-bre: #A8392B;
  --v-bre-tint: #EEDAD4;
  --v-abs: #95988F;
  --v-abs-tint: #E2E2D9;
  --v-rev: #44519E;
  --v-rev-tint: #DCDFEC;

  --f-disp: "Fraunces", Georgia, serif;
  --f-ui: "Geist", "Helvetica Neue", sans-serif;
  --f-mono: "JetBrains Mono", monospace;
}

/* Lenguaje alternativo: Papel & Tinta */
html[data-lang="papel"] {
  --paper: #F4EFE2;
  --paper-2: #ECE6D5;
  --paper-sunk: #E5DEC8;
  --paper-raised: #F8F4E9;
  --ink: #1A1715;
  --ink-2: #3A342E;
  --ink-3: #6E665A;
  --ink-4: #948A78;
  --rule-faint: #DDD3BD;
  --rule: #BCAF96;
  --rule-strong: #1A1715;
  --guinda-tint: #EFD9D5;
  --ochre-tint: #E8DAB5;
  --v-cub-tint: #DCE7D9;
  --v-par-tint: #EBDFC0;
  --v-bre-tint: #F0D8D0;
  --v-abs: #948A78;
  --v-abs-tint: #E5DEC8;
  --v-rev-tint: #DCDFEE;
}

/* Modo oscuro: Carbon & Tiza */
html[data-lang="carbon"] {
  --paper: #16130E;
  --paper-2: #1D1913;
  --paper-sunk: #110E0A;
  --paper-raised: #211C14;
  --ink: #ECE4D1;
  --ink-2: #C9C0AB;
  --ink-3: #948B77;
  --ink-4: #6C6555;
  --rule-faint: #2A2418;
  --rule: #423A2A;
  --rule-strong: #ECE4D1;
  --guinda: #CC5E6E;
  --guinda-2: #E07F8D;
  --guinda-tint: #301A1D;
  --ochre: #C8A350;
  --ochre-tint: #2C2614;
  --v-cub: #6FAE8C;
  --v-cub-tint: #18231C;
  --v-par: #C8A350;
  --v-par-tint: #272010;
  --v-bre: #D06A55;
  --v-bre-tint: #2B1712;
  --v-abs: #8A8170;
  --v-abs-tint: #1D1913;
  --v-rev: #8C96D8;
  --v-rev-tint: #191C2B;
}

/* ── tipografias self-hosted (OFL) — reemplazan el CDN de Google Fonts ──
   URLs RELATIVAS al archivo css: resuelven a <static>/fonts/* en ambas apps,
   sin depender del nombre del punto de montaje estatico. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/fraunces-var-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/fraunces-var-italic-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("fonts/geist-var-latin.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("fonts/jetbrains-mono-var-latin.woff2") format("woff2");
}