:root {
  /* Papel e tinta — opción B (hueso, apenas cálido) */
  --paper:       #F5F3EF;
  --paper-alt:   #EBE8E1;
  --paper-deep:  #DEDAD0;
  --ink:         #14110C;
  --ink-soft:    #3A342B;
  --muted:       #6E6656;
  --muted-soft:  #968C79;

  --rule:        #D6D2C8;
  --rule-strong: #B4AFA2;

  /* Acento — cambiar SOLO esta línea para probar variantes */
  --accent:      #1F3A5F;   /* azul tinta */
  --accent-deep: #162A47;

  --serif: "Fraunces", "Iowan Old Style", Georgia, serif;
  --body:  "Newsreader", "Iowan Old Style", Georgia, serif;
  --mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --s-1: 0.25rem; --s-2: 0.5rem;  --s-3: 0.75rem;
  --s-4: 1rem;    --s-5: 1.5rem;  --s-6: 2rem;
  --s-7: 3rem;    --s-8: 4rem;    --s-9: 6rem;  --s-10: 8rem;

  --fs-micro:   0.7rem;
  --fs-meta:    0.78rem;
  --fs-sm:      0.9rem;
  --fs-base:    1.0625rem;
  --fs-md:      1.25rem;
  --fs-lg:      1.6rem;
  --fs-xl:      clamp(2.4rem, 4.5vw, 3.6rem);
  --fs-2xl:     clamp(3.4rem, 7vw, 6rem);
  --fs-display: clamp(3.6rem, 9vw, 8.5rem);

  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-ink: cubic-bezier(.6, .05, .2, 1);

  color-scheme: light;
}

:root[data-theme="dark"] {
  --paper:       #14110C;
  --paper-alt:   #1B1812;
  --paper-deep:  #23201A;
  --ink:         #F2EDE1;
  --ink-soft:    #D6CFBE;
  --muted:       #9A9080;
  --muted-soft:  #6E6656;

  --rule:        #2E2A22;
  --rule-strong: #4A4438;

  --accent:      #7BA6D9;   /* azul tinta aclarado para dark */
  --accent-deep: #A8C4E5;

  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --paper:       #14110C;
    --paper-alt:   #1B1812;
    --paper-deep:  #23201A;
    --ink:         #F2EDE1;
    --ink-soft:    #D6CFBE;
    --muted:       #9A9080;
    --muted-soft:  #6E6656;
    --rule:        #2E2A22;
    --rule-strong: #4A4438;
    --accent:      #7BA6D9;
    --accent-deep: #A8C4E5;
    color-scheme: dark;
  }
}