/* Variables compartidas de color y superficie para light y dark. */
:root {
  --ad-ink: #233e64;
  --ad-paper: var(--color-surface);
  --ad-page: #edf3fd;
  --ad-line: #b3cbea;
  --ad-base: #d1deef;
  --ad-neutral-top: var(--color-surface);
  --ad-neutral-face: #f0f5fd;
  --tile-top: var(--ad-neutral-top);
  --tile-face: var(--ad-neutral-face);
  --tile-edge: var(--ad-line);
  --tile-base: var(--ad-base);
  --tile-ink: var(--ad-ink);
  --ad-blue-top: #e0f5ff;
  --ad-blue-face: #a9ddfa;
  --ad-blue-edge: #76bce4;
  --ad-blue-base: #579fc9;
  --ad-blue-ink: #145785;
  --ad-purple-top: #f0e7ff;
  --ad-purple-face: #d1bafa;
  --ad-purple-edge: #9167cf;
  --ad-purple-base: #8057bd;
  --ad-purple-ink: #4a287e;
  --ad-mint-top: #e1faf0;
  --ad-mint-face: #b1e5d2;
  --ad-mint-edge: #70bea4;
  --ad-mint-base: #539f86;
  --ad-mint-ink: #175a49;
  --ad-gold-top: #fff5cb;
  --ad-gold-face: #ffe29a;
  --ad-gold-edge: #ddb85a;
  --ad-gold-base: #c89e3b;
  --ad-gold-ink: #70511b;
  --ad-orange-top: #fff0d9;
  --ad-orange-face: #ffd2a2;
  --ad-orange-edge: #e8ac70;
  --ad-orange-base: #ce8e51;
  --ad-orange-ink: #80451b;
  --ad-coral-top: #ffe7ed;
  --ad-coral-face: #f5bacd;
  --ad-coral-edge: #d98fa8;
  --ad-coral-base: #bd728d;
  --ad-coral-ink: #81304d;

  --color-surface: #fff;
  --color-favorite-pink: #ffc5e0;
  --color-ink-dialog: #315d80;
  --color-ink-control: #365d80;
  --color-line-practice: #c9ddec;
  --color-ink-reward: #6e5520;
  --color-line-header: #cddff0;
  --color-ink-report-muted: #5d7a90;
  --color-line-menu: #cbdfee;
  --color-ink-description: #64829a;
  --color-surface-control-active: #dceeff;
  --color-bevel-practice: #d8e6f0;
  --color-ink-album: #5a4205;
  --color-action-confirm: #2e775d;

  /* Colores de interfaz migrados desde las hojas: texto (ink), superficies, líneas y sombras de borde. */
  --ad-ink-muted: #556f82;
  --ad-ink-on-light: #556f82;
  --ad-surface: #ffffff;
  --ad-soft-keep: #eaf4ff;
  --ad-soft: #eaf4ff;
  --ad-tint-purple: #f1ecfc;
  --ad-ink-blue: #2b5f8c;
  --ad-tint-cream: #fffaf0;
  --ad-edge: #cfe2f5;
  --ad-ink-deep: #204c70;
  --ad-ink-purple: #56448f;
  --ad-on-accent: #ffffff;
  --ad-tint-gold: #fff8e1;
  --ad-ink-green-2: #2b6843;
  --ad-ink-steel: #365b78;
  --ad-surface-tint: #eff5fa;
  --ad-ink-soft: #527594;
  --ad-line-blue: #9cc3ea;
  --ad-line-soft: #c9deed;
  --ad-ink-green: #28664f;
  --ad-tint-mint: #e2f3e8;
  --ad-ink-leaf: #2e8a5f;
  --ad-ink-gold: #7a5a14;
  --ad-line-faint: #e1ecf4;
  --ad-line-gold: #e3c46c;
}
html[data-appearance="dark"] {
  --ad-ink: #e4edff;
  --ad-paper: #23344d;
  --ad-page: #162438;
  --ad-line: #6b86aa;
  --ad-base: #101b2c;
  --ad-neutral-top: #344b69;
  --ad-neutral-face: #293e5b;
  --ad-blue-top: #365f87;
  --ad-blue-face: #284b70;
  --ad-blue-edge: #7cb6e1;
  --ad-blue-base: #15334f;
  --ad-blue-ink: #e2f4ff;
  --ad-purple-top: #584478;
  --ad-purple-face: #443363;
  --ad-purple-edge: #b99be7;
  --ad-purple-base: #2d2146;
  --ad-purple-ink: #f4ebff;
  --ad-mint-top: #345e55;
  --ad-mint-face: #284a42;
  --ad-mint-edge: #7bbda4;
  --ad-mint-base: #183a32;
  --ad-mint-ink: #e0fff1;
  --ad-gold-top: #665936;
  --ad-gold-face: #514526;
  --ad-gold-edge: #d7bd78;
  --ad-gold-base: #3a3017;
  --ad-gold-ink: #fff1bd;
  --ad-orange-top: #6d503b;
  --ad-orange-face: #563c2c;
  --ad-orange-edge: #d2a77f;
  --ad-orange-base: #3a271b;
  --ad-orange-ink: #ffe9cf;
  --ad-coral-top: #6a4055;
  --ad-coral-face: #533245;
  --ad-coral-edge: #d29ab4;
  --ad-coral-base: #3c2030;
  --ad-coral-ink: #ffe6ef;
  --ad-ink-muted: #9fb3c2;
  --ad-surface: #263f55;
  --ad-soft: #2b455c;
  --ad-tint-purple: #3a3657;
  --ad-ink-blue: #d3e7fa;
  --ad-edge: #162c40;
  --ad-ink-deep: #e0edf6;
  --ad-ink-purple: #f5edff;
  --ad-tint-gold: #45402c;
  --ad-ink-green-2: #d2f0de;
  --ad-ink-steel: #e0edf6;
  --ad-surface-tint: #22343f;
  --ad-ink-soft: #b2c8d9;
  --ad-line-blue: #5f8fbb;
  --ad-line-soft: #46637e;
  --ad-ink-green: #dbfff0;
  --ad-tint-mint: #305e56;
  --ad-ink-gold: #ffe4a0;
  --ad-line-faint: #607f9d;
  --ad-line-gold: #a98f48;
}

/* Visual refresh of 2026-11-08 (missions, results, Learn, intro, challenge): its own palette, light theme. */
:root {
  --refresh-174a79: #174a79;
  --refresh-1aa0bf: #1aa0bf;
  --refresh-1b4466: #1b4466;
  --refresh-1f3446: #1f3446;
  --refresh-1f6a30: #1f6a30;
  --refresh-23594a: #23594a;
  --refresh-23744a: #23744a;
  --refresh-24557f: #24557f;
  --refresh-26803a: #26803a;
  --refresh-2a70c0: #2a70c0;
  --refresh-2c6fb0: #2c6fb0;
  --refresh-2f7fd1: #2f7fd1;
  --refresh-2f9e46: #2f9e46;
  --refresh-2f9e6e: #2f9e6e;
  --refresh-3b86c6: #3b86c6;
  --refresh-3f7fc0: #3f7fc0;
  --refresh-3f8fdc: #3f8fdc;
  --refresh-4cbf5a: #4cbf5a;
  --refresh-5aa8ee: #5aa8ee;
  --refresh-5b3fae: #5b3fae;
  --refresh-7a5200: #7a5200;
  --refresh-7d5cd6: #7d5cd6;
  --refresh-8cc0ec: #8cc0ec;
  --refresh-93cf74: #93cf74;
  --refresh-9cc3ea: #9cc3ea;
  --refresh-a2346b: #a2346b;
  --refresh-a3dbe7: #a3dbe7;
  --refresh-a8dc8a: #a8dc8a;
  --refresh-a9cdef: #a9cdef;
  --refresh-a9dcc3: #a9dcc3;
  --refresh-b2dfbd: #b2dfbd;
  --refresh-b6d3ee: #b6d3ee;
  --refresh-b7dccd: #b7dccd;
  --refresh-b9d9c9: #b9d9c9;
  --refresh-b9d9f2: #b9d9f2;
  --refresh-bfe3ff: #bfe3ff;
  --refresh-bfe7a5: #bfe7a5;
  --refresh-blue-base: #1b4f8c;
  --refresh-blue-deep: #1f5f9b;
  --refresh-blue-high: #4a9be6;
  --refresh-blue-low: #2467b5;
  --refresh-blue-top: #3b8ad6;
  --refresh-c4dcef: #c4dcef;
  --refresh-c6dbee: #c6dbee;
  --refresh-c98420: #c98420;
  --refresh-c9bbee: #c9bbee;
  --refresh-c9d6e2: #c9d6e2;
  --refresh-c9dced: #c9dced;
  --refresh-cdeeb6: #cdeeb6;
  --refresh-cfc0f2: #cfc0f2;
  --refresh-cfe2f2: #cfe2f2;
  --refresh-cfe8ff: #cfe8ff;
  --refresh-d3e3f0: #d3e3f0;
  --refresh-d9ad3c: #d9ad3c;
  --refresh-dark-card: #24394d;
  --refresh-dark-line: #3d5b73;
  --refresh-dbe8f3: #dbe8f3;
  --refresh-dcecfb: #dcecfb;
  --refresh-dcf6fb: #dcf6fb;
  --refresh-ddf6ea: #ddf6ea;
  --refresh-dff0ff: #dff0ff;
  --refresh-e09b2d: #e09b2d;
  --refresh-e0b23a: #e0b23a;
  --refresh-e2508f: #e2508f;
  --refresh-e2f6e6: #e2f6e6;
  --refresh-e39a1b: #e39a1b;
  --refresh-e3f0ff: #e3f0ff;
  --refresh-e3f2ff: #e3f2ff;
  --refresh-e4f0fc: #e4f0fc;
  --refresh-e5b84a: #e5b84a;
  --refresh-e6f2ff: #e6f2ff;
  --refresh-e9b93f: #e9b93f;
  --refresh-e9f6ff: #e9f6ff;
  --refresh-eaf4ff: #eaf4ff;
  --refresh-eaf5ff: #eaf5ff;
  --refresh-eaf6ff: #eaf6ff;
  --refresh-ebb6d4: #ebb6d4;
  --refresh-ecd28d: #ecd28d;
  --refresh-ece5fb: #ece5fb;
  --refresh-eef6ff: #eef6ff;
  --refresh-efd28a: #efd28a;
  --refresh-efe8fd: #efe8fd;
  --refresh-f0bba8: #f0bba8;
  --refresh-f0bcd5: #f0bcd5;
  --refresh-f0d58f: #f0d58f;
  --refresh-f1faff: #f1faff;
  --refresh-f2a91c: #f2a91c;
  --refresh-f2f9ff: #f2f9ff;
  --refresh-f4fbf2: #f4fbf2;
  --refresh-f5b94e: #f5b94e;
  --refresh-f7fbff: #f7fbff;
  --refresh-f7fff9: #f7fff9;
  --refresh-fbe3f1: #fbe3f1;
  --refresh-fde4dc: #fde4dc;
  --refresh-fde6f1: #fde6f1;
  --refresh-ffd34d: #ffd34d;
  --refresh-ffd35c: #ffd35c;
  --refresh-ffe1a0: #ffe1a0;
  --refresh-ffeeb5: #ffeeb5;
  --refresh-fff1cf: #fff1cf;
  --refresh-fff3cf: #fff3cf;
  --refresh-fff3d3: #fff3d3;
  --refresh-fff4d6: #fff4d6;
  --refresh-fff6dc: #fff6dc;
  --refresh-fff8dc: #fff8dc;
  --refresh-fffbe9: #fffbe9;
  --refresh-fffdf2: #fffdf2;
  --refresh-fffdf4: #fffdf4;
  --refresh-gold: #f0c24b;
  --refresh-green-base: #2f7a27;
  --refresh-green-high: #7cc95a;
  --refresh-green-low: #3f9a34;
  --refresh-green-rim: #5aa845;
  --refresh-ink: #1f4f78;
  --refresh-line: #b9d6f2;
  --refresh-line-strong: #9cc9f2;
  --refresh-sky-soft: #e8f3ff;
  --refresh-white: #ffffff;
}