/* ============================================
   CHILEY ABOGADOS — Sistema de diseño
   Tokens globales · Tema oscuro (default) y claro
   ============================================ */

:root {
  /* --- Marca (no cambian con el tema) --- */
  --ambar: #E9AD00;          /* del logo */
  --ambar-profundo: #B98700; /* hover / estados */
  --ambar-suave: #F6C84D;    /* brillos, texto sobre oscuro */
  --negro-tinta: #121212;
  --azul-corporativo: #073E62; /* uso secundario y muy puntual */
  --papel: #FFFFFF;

  /* --- Tipografía --- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Escala tipográfica */
  --fs-hero: clamp(2rem, 4.2vw, 3.3rem);
  --fs-h2: clamp(1.9rem, 4vw, 3rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.9rem;
  --fs-folio: 0.75rem;

  /* --- Layout --- */
  --ancho-max: 1180px;
  --espacio-seccion: clamp(3.5rem, 7vw, 5.5rem);
  --radio-pildora: 999px;
  --radio-tarjeta: 18px;

  /* --- Motion --- */
  --ease-suave: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.45s;
}

/* ---------- TEMA OSCURO (default) ---------- */
:root,
[data-theme="dark"] {
  --fondo: #121212;
  --fondo-alt: #161616;
  --superficie: #1B1B1B;
  --superficie-hover: #232323;
  --borde: rgba(241, 237, 228, 0.1);
  --borde-fuerte: rgba(241, 237, 228, 0.22);

  --texto: #F1EDE4;
  --texto-secundario: #B5AD9E;
  --texto-terciario: #8C8578;

  --acento: var(--ambar);
  --acento-contraste: #121212; /* texto sobre ámbar */
  --margen-expediente: rgba(242, 164, 19, 0.55);

  --sombra-tarjeta: 0 18px 50px -18px rgba(0, 0, 0, 0.65);
  color-scheme: dark;
}

/* ---------- TEMA CLARO ---------- */
[data-theme="light"] {
  --fondo: #FFFFFF;
  --fondo-alt: #F5F3EE;
  --superficie: #FFFFFF;
  --superficie-hover: #FBF7EB;
  --borde: rgba(14, 12, 9, 0.12);
  --borde-fuerte: rgba(14, 12, 9, 0.28);

  --texto: #17130D;
  --texto-secundario: #524B3F;
  --texto-terciario: #7A7263;

  --acento: #C58E00; /* ámbar más profundo para contraste AA sobre claro */
  --acento-contraste: #17130D;
  --margen-expediente: rgba(184, 122, 0, 0.5);

  --sombra-tarjeta: 0 18px 45px -20px rgba(60, 45, 10, 0.25);
  color-scheme: light;
}