/* =========================================================
   SITI Admin · línea del landing · 1. tokens
   ---------------------------------------------------------
   Capa que se carga AL FINAL (después de base.css, ds.css y
   todos los CSS de sección). No toca un solo selector legacy:
   re-mapea los tokens que ya consume todo el panel para que el
   admin hable el mismo idioma visual que el landing:
     · crema #F7F6F3 + tinta #141414 (claro)
     · negro neutro R=G=B (oscuro, sin escala slate)
     · naranja #FF7A22 con texto #1A0B00 encima (como el CTA)
     · Plus Jakarta Sans para títulos, Manrope para trabajar,
       JetBrains Mono para etiquetas en versalitas
   Si algo se ve raro, quitar el <link> de admin.html regresa
   el panel a como estaba.
   ========================================================= */
:root {
  /* marca (idéntico al landing: static/landing/css/01-tokens.css) */
  --primary: #FF7A22;
  --primary-hover: #F26A0F;
  --primary-soft: rgba(255, 122, 34, .10);
  --primary-shadow: rgba(255, 122, 34, .38);
  --siti-amber: #FEBB28;
  --siti-on-orange: #1A0B00;
  /* #FF7A22 sobre crema da 2.6:1; para texto naranja va el quemado de 5:1 */
  --siti-ink: #B84500;
  --siti-hot: 255, 122, 34;

  /* superficies */
  --bg: #F7F6F3;
  --siti-bg-2: #ECEAE4;
  --surface: #FFFFFF;
  --card: var(--surface);
  --card-bg: var(--surface);
  --text: #141414;
  --text-secondary: #3F3F3F;
  --text-muted: #6B6B6B;
  --border: #E4E2DC;
  --border-hover: #CFCCC4;
  --siti-grid: rgba(20, 20, 20, .035);

  /* radios del landing (--r: 22px) bajados un escalón para UI densa */
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --ds-r-sm: 10px;
  --ds-r: 14px;
  --ds-r-lg: 20px;

  --ds-sunken: #F3F1EC;
  --ds-raised: #FFFFFF;
  --ds-hairline: rgba(20, 20, 20, .06);
  --ds-ring: rgba(255, 122, 34, .32);
  --ds-overlay: rgba(20, 16, 12, .42);
  --ds-ease: cubic-bezier(.22, 1, .36, 1);

  --shadow-sm: 0 1px 2px rgba(60, 30, 10, .04);
  --shadow: 0 1px 3px rgba(60, 30, 10, .06), 0 1px 2px rgba(60, 30, 10, .04);
  --shadow-md: 0 12px 28px -16px rgba(60, 30, 10, .22);
  --shadow-lg: 0 30px 70px -30px rgba(60, 30, 10, .35);
  --ds-shadow-1: 0 1px 2px rgba(60, 30, 10, .04);
  --ds-shadow-2: 0 14px 30px -18px rgba(60, 30, 10, .22);
  --ds-shadow-3: 0 30px 70px -30px rgba(60, 30, 10, .35);

  /* tipografía */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --siti-f-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --siti-f-mono: 'JetBrains Mono', ui-monospace, monospace;

  --sidebar-width: 256px;
  --transition: .2s cubic-bezier(.22, 1, .36, 1);
}

/* Oscuro: negro real y grises neutros, nunca slate (ver base.css). */
[data-theme="dark"] {
  --bg: #000000;
  --siti-bg-2: #141414;
  --surface: #0E0E0E;
  --text: #F5F4F0;
  --text-secondary: #C8C8C8;
  --text-muted: #8A8A8A;
  --border: #242424;
  --border-hover: #3A3A3A;
  --siti-grid: rgba(245, 244, 240, .03);
  --siti-ink: #FF8A3D;
  --primary-soft: rgba(255, 122, 34, .14);

  --ds-sunken: #161616;
  --ds-raised: #0E0E0E;
  --ds-hairline: rgba(255, 255, 255, .06);
  --ds-overlay: rgba(0, 0, 0, .72);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow: 0 1px 3px rgba(0, 0, 0, .5);
  --shadow-md: 0 16px 34px -18px rgba(0, 0, 0, .8);
  --shadow-lg: 0 30px 80px -30px rgba(0, 0, 0, .8);
  --ds-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --ds-shadow-2: 0 16px 34px -18px rgba(0, 0, 0, .8);
  --ds-shadow-3: 0 30px 80px -30px rgba(0, 0, 0, .8);
}