:root {
  --page-gutter: clamp(32px, 5vw, 72px);
  --paper: #fdf8f2;
  --surface: #f9f4ec;
  --surface-low: #f2ebe0;
  --surface-mid: #e8dece;
  --surface-high: #ddd0bc;
  --card: #fefcf8;
  --topbar-bg: rgba(253, 250, 244, 0.88);
  --sidebar-bg: rgba(244, 237, 226, 0.82);
  --overlay-bg: rgba(26, 26, 26, 0.24);
  --ink: #1a1a1a;
  --muted: #7a7068;
  --soft-ink: #40382e;
  --on-primary: #fdf8f2;
  --on-primary-soft: rgba(253, 248, 242, 0.18);
  --glass-bg: rgba(253, 248, 242, 0.68);
  --glass-bg-soft: rgba(253, 248, 242, 0.60);
  --glass-bg-strong: rgba(253, 248, 242, 0.75);
  --highlight-start: #fefcf8;
  --highlight-end: #f5f0e6;
  --highlight-alt-end: #f8f3e8;
  --highlight-neutral-end: #f0e8da;
  --highlight-template-end: #f4ede4;
  --tip-bg: #fff3df;
  --tip-ink: #765020;
  --brand-mark-image: url("../icons/vereda-logo-light.svg");
  --line: rgba(178, 163, 140, 0.38);
  --primary: #2a4840;
  --primary-deep: #17362d;
  --sage: #a3b18a;
  --ochre: #c8955a;
  --sienna: #a0522d;
  --cedar: #623e39;
  --shadow: 0 18px 50px rgba(46, 77, 67, 0.08);
  --focus-width: 720px;
  --ruler-y: 50vh;
  --reading-size: 19px;
  --motion-quick: 160ms ease;
  --motion-calm: 420ms cubic-bezier(0.2, 0.8, 0.2, 1);

  /* ── Tokens aquarela ── */
  --parchment:       #f7f0e2;
  --parchment-deep:  #ede4cc;
  --paper-wash:      rgba(210, 165, 90, 0.09);
  --border-aged:     rgba(140, 100, 55, 0.20);
  --pigment-shadow:  0 24px 64px rgba(100, 70, 30, 0.13), 0 4px 16px rgba(140, 100, 55, 0.08);
  --forest-ink:      #1e3a2e;

  font-family: Inter, system-ui, sans-serif;
}

[data-theme="cerrado"] {
  --paper: #f5edd2;
  --surface: #f8f1dc;
  --surface-low: #efe4bf;
  --surface-mid: #e8d9a0;
  --surface-high: #dec16e;
  --card: #fff9e8;
  --topbar-bg: rgba(255, 249, 232, 0.92);
  --sidebar-bg: #efe4bf;
  --ink: #1c1a14;
  --muted: #7b6b42;
  --soft-ink: #3d3219;
  --on-primary: #1c1a14;
  --on-primary-soft: rgba(28, 26, 20, 0.16);
  --glass-bg: rgba(255, 249, 232, 0.7);
  --glass-bg-soft: rgba(255, 249, 232, 0.66);
  --glass-bg-strong: rgba(255, 249, 232, 0.76);
  --highlight-start: #fff9e8;
  --highlight-end: #f1e7c5;
  --highlight-alt-end: #f6e9c8;
  --highlight-neutral-end: #efe4bf;
  --highlight-template-end: #f3eacb;
  --tip-bg: #f3dfad;
  --tip-ink: #4f3516;
  --brand-mark-image: url("../icons/vereda-logo-light.svg");
  --line: rgba(180, 155, 70, 0.32);
  --primary: #c68b2e;
  --primary-deep: #3d3219;
  --sage: #9f8c43;
  --ochre: #e8c84a;
  --sienna: #8d5a24;
  --cedar: #3d3219;
  --shadow: 0 18px 50px rgba(61, 50, 25, 0.1);
}

[data-theme="mata"] {
  --paper: #f5f0e8;
  --surface: #f8f4ee;
  --surface-low: #e8efe7;
  --surface-mid: #d6e4d8;
  --surface-high: #c8e8d4;
  --card: #fffdf8;
  --topbar-bg: rgba(255, 253, 248, 0.92);
  --sidebar-bg: #e8efe7;
  --ink: #0d1f18;
  --muted: #65736a;
  --soft-ink: #1a4533;
  --on-primary: #f5f0e8;
  --on-primary-soft: rgba(245, 240, 232, 0.18);
  --glass-bg: rgba(255, 253, 248, 0.7);
  --glass-bg-soft: rgba(255, 253, 248, 0.66);
  --glass-bg-strong: rgba(255, 253, 248, 0.76);
  --highlight-start: #fffdf8;
  --highlight-end: #e8efe7;
  --highlight-alt-end: #f2efe7;
  --highlight-neutral-end: #e0e8df;
  --highlight-template-end: #e6eeea;
  --tip-bg: #f4dfc3;
  --tip-ink: #5b3a1f;
  --brand-mark-image: url("../icons/vereda-logo-light.svg");
  --line: rgba(160, 178, 160, 0.36);
  --primary: #1a4533;
  --primary-deep: #0d1f18;
  --sage: #2e7d52;
  --ochre: #e8a060;
  --sienna: #a6643b;
  --cedar: #17362d;
  --shadow: 0 18px 50px rgba(13, 31, 24, 0.1);
}

[data-theme="amazonia"] {
  --paper: #faf6f0;
  --surface: #fbf7f3;
  --surface-low: #f2e9ee;
  --surface-mid: #e4d8ed;
  --surface-high: #d0c4f0;
  --card: #fffaf6;
  --topbar-bg: rgba(255, 250, 246, 0.92);
  --sidebar-bg: #f2e9ee;
  --ink: #1a0f2e;
  --muted: #75677f;
  --soft-ink: #3b2068;
  --on-primary: #faf6f0;
  --on-primary-soft: rgba(250, 246, 240, 0.18);
  --glass-bg: rgba(255, 250, 246, 0.7);
  --glass-bg-soft: rgba(255, 250, 246, 0.66);
  --glass-bg-strong: rgba(255, 250, 246, 0.76);
  --highlight-start: #fffaf6;
  --highlight-end: #f2e9ee;
  --highlight-alt-end: #f4edf2;
  --highlight-neutral-end: #eee5eb;
  --highlight-template-end: #eee8ef;
  --tip-bg: #f7dfce;
  --tip-ink: #633826;
  --brand-mark-image: url("../icons/vereda-logo-light.svg");
  --line: rgba(180, 155, 165, 0.35);
  --primary: #3b2068;
  --primary-deep: #1a0f2e;
  --sage: #2e7d52;
  --ochre: #f0c070;
  --sienna: #c45b7e;
  --cedar: #3b2068;
  --shadow: 0 18px 50px rgba(26, 15, 46, 0.1);
}

[data-theme="cerrado-dark"] {
  --paper: #1c1a14;
  --surface: #242015;
  --surface-low: #2c2617;
  --surface-mid: #3d3219;
  --surface-high: #574725;
  --card: #252116;
  --topbar-bg: rgba(28, 26, 20, 0.94);
  --sidebar-bg: #211e15;
  --ink: #f5edd2;
  --muted: #c9b77c;
  --soft-ink: #e8d9a0;
  --on-primary: #1c1a14;
  --on-primary-soft: rgba(28, 26, 20, 0.22);
  --glass-bg: rgba(28, 26, 20, 0.58);
  --glass-bg-soft: rgba(28, 26, 20, 0.46);
  --glass-bg-strong: rgba(28, 26, 20, 0.68);
  --highlight-start: #2c2617;
  --highlight-end: #242015;
  --highlight-alt-end: #302817;
  --highlight-neutral-end: #3d3219;
  --highlight-template-end: #2f2a1b;
  --tip-bg: #3d3219;
  --tip-ink: #f5e2a3;
  --brand-mark-image: url("../icons/vereda-logo-dark.svg");
  --line: #4d4022;
  --primary: #e8c84a;
  --primary-deep: #c68b2e;
  --sage: #b8a657;
  --ochre: #c68b2e;
  --sienna: #d4923d;
  --cedar: #e8d9a0;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

[data-theme="mata-dark"] {
  --paper: #0d1f18;
  --surface: #10271e;
  --surface-low: #143026;
  --surface-mid: #1a4533;
  --surface-high: #236245;
  --card: #10261e;
  --topbar-bg: rgba(13, 31, 24, 0.94);
  --sidebar-bg: #10271e;
  --ink: #f5f0e8;
  --muted: #9fb7a8;
  --soft-ink: #c8e8d4;
  --on-primary: #0d1f18;
  --on-primary-soft: rgba(13, 31, 24, 0.22);
  --glass-bg: rgba(13, 31, 24, 0.58);
  --glass-bg-soft: rgba(13, 31, 24, 0.46);
  --glass-bg-strong: rgba(13, 31, 24, 0.68);
  --highlight-start: #143026;
  --highlight-end: #10271e;
  --highlight-alt-end: #182e25;
  --highlight-neutral-end: #1a4533;
  --highlight-template-end: #18352b;
  --tip-bg: #2b3727;
  --tip-ink: #f0c89c;
  --brand-mark-image: url("../icons/vereda-logo-dark.svg");
  --line: #24513d;
  --primary: #e8a060;
  --primary-deep: #2e7d52;
  --sage: #76bf8c;
  --ochre: #e8a060;
  --sienna: #bf7444;
  --cedar: #c8e8d4;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}

[data-theme="amazonia-dark"] {
  --paper: #1a0f2e;
  --surface: #21133b;
  --surface-low: #2b1a4a;
  --surface-mid: #3b2068;
  --surface-high: #513080;
  --card: #21133b;
  --topbar-bg: rgba(26, 15, 46, 0.94);
  --sidebar-bg: #21133b;
  --ink: #faf6f0;
  --muted: #b8a9c8;
  --soft-ink: #d0c4f0;
  --on-primary: #1a0f2e;
  --on-primary-soft: rgba(26, 15, 46, 0.22);
  --glass-bg: rgba(26, 15, 46, 0.58);
  --glass-bg-soft: rgba(26, 15, 46, 0.46);
  --glass-bg-strong: rgba(26, 15, 46, 0.68);
  --highlight-start: #2b1a4a;
  --highlight-end: #21133b;
  --highlight-alt-end: #2d1b45;
  --highlight-neutral-end: #3b2068;
  --highlight-template-end: #2c2047;
  --tip-bg: #3a2449;
  --tip-ink: #f0c9a0;
  --brand-mark-image: url("../icons/vereda-logo-dark.svg");
  --line: #4c3370;
  --primary: #f0c070;
  --primary-deep: #c45b7e;
  --sage: #7dbf9a;
  --ochre: #f0c070;
  --sienna: #c45b7e;
  --cedar: #d0c4f0;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.3);
}