/*
  Design tokens — oparra.com.mx ecosistema
  Compartido por oparra.com.mx (tema editorial-dark-warm) y tesis.oparra.com.mx (tema academic-light).
  Un solo archivo, dos temas activados por [data-theme] en <html>.
  Uso: <html data-theme="editorial-dark-warm"> o <html data-theme="academic-light">
*/

:root {
  /* ---- Paleta primitiva: verde bosque ---- */
  --green-950: #0d1f18;
  --green-900: #12291f;
  --green-800: #1b3b2f;
  --green-700: #234a3b;
  --green-600: #2f6350;
  --green-500: #3f8069;
  --green-300: #8fb8a8;
  --green-100: #d7e8e0;

  /* ---- Paleta primitiva: dorado ---- */
  --gold-700: #a3801f;
  --gold-600: #c9a227;
  --gold-500: #d4af37;
  --gold-400: #e0c368;
  --gold-200: #f0e2b8;

  /* ---- Neutros ---- */
  --neutral-950: #0e0e0e;
  --neutral-900: #17181a;
  --neutral-700: #45484c;
  --neutral-500: #7a7d81;
  --neutral-200: #e4e2dd;
  --neutral-100: #f0eee9;
  --neutral-50: #f7f5f1;
  --white: #ffffff;

  /* ---- Tipografía ---- */
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", -apple-system, "Segoe UI", sans-serif;

  --text-xs: 0.8rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-md: 1.15rem;
  --text-lg: 1.4rem;
  --text-xl: 1.9rem;
  --text-2xl: 2.5rem;
  --text-3xl: 3.4rem;
  --text-4xl: 4.5rem;

  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-loose: 1.75;

  /* ---- Espaciado ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ---- Radios ---- */
  --radius-sharp: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* ---- Transiciones ---- */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 800ms;
}

/*
  Tema: editorial-dark-warm — oparra.com.mx
  Oscuro premium. Verde bosque como base, dorado como acento único.
*/
:root[data-theme="editorial-dark-warm"] {
  --color-bg: var(--green-950);
  --color-bg-raised: var(--green-900);
  --color-bg-inset: var(--green-800);
  --color-text: var(--neutral-100);
  --color-text-muted: var(--green-300);
  --color-heading: var(--white);
  --color-accent: var(--gold-500);
  --color-accent-strong: var(--gold-400);
  --color-accent-text-on: var(--green-950);
  --color-border: var(--green-700);
  --color-cta-bg: var(--gold-500);
  --color-cta-text: var(--green-950);
  --color-cta-bg-hover: var(--gold-400);

  --radius-card: var(--radius-sm);
  --radius-button: var(--radius-pill);
}

/*
  Tema: academic-light — tesis.oparra.com.mx
  Claro y sobrio, deliberadamente distinto del principal.
*/
:root[data-theme="academic-light"] {
  --color-bg: var(--neutral-50);
  --color-bg-raised: var(--white);
  --color-bg-inset: var(--neutral-100);
  --color-text: var(--neutral-900);
  --color-text-muted: var(--neutral-700);
  --color-heading: var(--green-900);
  --color-accent: var(--green-700);
  --color-accent-strong: var(--green-800);
  --color-accent-text-on: var(--white);
  --color-border: var(--neutral-200);
  --color-cta-bg: var(--green-700);
  --color-cta-text: var(--white);
  --color-cta-bg-hover: var(--green-800);

  --radius-card: var(--radius-md);
  --radius-button: var(--radius-sm);
}