:root {
  /* Colores */
  --bg:           #FBFAF7;
  --bg-warm:      #F5EFE3;
  --bg-elevated:  #FFFFFF;
  --ink:          #2A2520;
  --ink-soft:     #5A5048;
  --ink-mute:     #9A9087;
  --line:         #E8E3DA;
  --line-soft:    #F0EBE2;

  --terra:        #B85638;
  --terra-soft:   #E8C9BC;
  --terra-deep:   #7A3823;
  --terra-bg:     #F7E8DF;

  /* Tipografías */
  --display: 'Playfair Display', Georgia, serif;
  --serif:   'Lora', Georgia, serif;
  --sans:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radios */
  --r-sm:  6px;
  --r-md:  10px;
  --r-lg:  16px;
  --r-xl:  24px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(42, 37, 32, 0.08);
  --shadow-md: 0 4px 12px rgba(42, 37, 32, 0.10);
  --shadow-lg: 0 8px 24px rgba(42, 37, 32, 0.12);

  /* Cuerpo — tamaño base sobreescribible */
  --body-size: 15px;

  /* Transiciones */
  --transition: 150ms ease;
}

/* ── Tema Sepia ─────────────────────────────────────── */
[data-theme="sepia"] {
  --bg:           #F5EFE3;
  --bg-warm:      #EDE3D0;
  --bg-elevated:  #FAF5EC;
  --ink:          #3B2F20;
  --ink-soft:     #6B5642;
  --ink-mute:     #9A8A76;
  --line:         #DDD3BF;
  --line-soft:    #E8DEC8;
}

/* ── Tema Oscuro ────────────────────────────────────── */
[data-theme="dark"] {
  --bg:           #1A1714;
  --bg-warm:      #242018;
  --bg-elevated:  #211E1B;
  --ink:          #EDE8E0;
  --ink-soft:     #B8B0A4;
  --ink-mute:     #7A7468;
  --line:         #2E2A24;
  --line-soft:    #262218;
  --terra:        #D4705A;
  --terra-soft:   #5A3028;
  --terra-deep:   #E8A090;
  --terra-bg:     #2A1E1A;
}

/* ── Tamaños de texto ───────────────────────────────── */
[data-font="sm"] { --body-size: 13px; }
[data-font="md"] { --body-size: 15px; }
[data-font="lg"] { --body-size: 17px; }