/* Reading palette. Each legacy shade keeps its exact dark value. */
:root {
    --bg: #0c0c0c;
    --fg: #c4c4c4;
    --muted: #858585;
    --line: #2a2a2a;
    --grid: #3a3a3a;
    --accent: #f2f2f2;
    --ink: var(--accent);
    --text: var(--fg);
    --dim: var(--muted);
    --ghost: var(--grid);
    --text-scale: 1;
    --palette-fg-000000: #000000;
    --palette-fg-0066cc: #0066cc;
    --palette-fg-0a0a0a: #0a0a0a;
    --palette-fg-0a84ff: #0a84ff;
    --palette-fg-0c0c0c: #0c0c0c;
    --palette-fg-111: #111;
    --palette-fg-1a0f02: #1a0f02;
    --palette-fg-1b1f23: #1b1f23;
    --palette-fg-1c1c1e: #1c1c1e;
    --palette-fg-1e7a46: #1e7a46;
    --palette-fg-1f5fbf: #1f5fbf;
    --palette-fg-222: #222;
    --palette-fg-2b2f33: #2b2f33;
    --palette-fg-333: #333;
    --palette-fg-48484a: #48484a;
    --palette-fg-4ecdc4: #4ecdc4;
    --palette-fg-4f7a3a: #4f7a3a;
    --palette-fg-555: #555;
    --palette-fg-56606a: #56606a;
    --palette-fg-5a5a5a: #5a5a5a;
    --palette-fg-5b9bf0: #5b9bf0;
    --palette-fg-5f687c: #5f687c;
    --palette-fg-5fd394: #5fd394;
    --palette-fg-666: #666;
    --palette-fg-6a3d9a: #6a3d9a;
    --palette-fg-7c7c7c: #7c7c7c;
    --palette-fg-7fb07f: #7fb07f;
    --palette-fg-858585: #858585;
    --palette-fg-86b56d: #86b56d;
    --palette-fg-888: #888;
    --palette-fg-8a4a12: #8a4a12;
    --palette-fg-8b8b8b: #8b8b8b;
    --palette-fg-8c8c8c: #8c8c8c;
    --palette-fg-8e8e8e: #8e8e8e;
    --palette-fg-8e8e93: #8e8e93;
    --palette-fg-909090: #909090;
    --palette-fg-939393: #939393;
    --palette-fg-949494: #949494;
    --palette-fg-97a1b5: #97a1b5;
    --palette-fg-999: #999;
    --palette-fg-9a6700: #9a6700;
    --palette-fg-9a9a9a: #9a9a9a;
    --palette-fg-9aa4ad: #9aa4ad;
    --palette-fg-a0a0a0: #a0a0a0;
    --palette-fg-aaa: #aaa;
    --palette-fg-abb2bf: #abb2bf;
    --palette-fg-b28ae0: #b28ae0;
    --palette-fg-b42318: #b42318;
    --palette-fg-b5b5b5: #b5b5b5;
    --palette-fg-b8860b: #b8860b;
    --palette-fg-bbb: #bbb;
    --palette-fg-c0392b: #c0392b;
    --palette-fg-c2410c: #c2410c;
    --palette-fg-c4c4c4: #c4c4c4;
    --palette-fg-c9731f: #c9731f;
    --palette-fg-c9a961: #c9a961;
    --palette-fg-ccc: #ccc;
    --palette-fg-d5dade: #d5dade;
    --palette-fg-d6d6d6: #d6d6d6;
    --palette-fg-d9685f: #d9685f;
    --palette-fg-d9964f: #d9964f;
    --palette-fg-d9bc7a: #d9bc7a;
    --palette-fg-dda544: #dda544;
    --palette-fg-e06c75: #e06c75;
    --palette-fg-e0b43c: #e0b43c;
    --palette-fg-e0e0e0: #e0e0e0;
    --palette-fg-e7eaec: #e7eaec;
    --palette-fg-eee: #eee;
    --palette-fg-eef1f6: #eef1f6;
    --palette-fg-ef6b5d: #ef6b5d;
    --palette-fg-f0773f: #f0773f;
    --palette-fg-f2c14e: #f2c14e;
    --palette-fg-f2f2f2: #f2f2f2;
    --palette-fg-f5f5f5: #f5f5f5;
    --palette-fg-f97316: #f97316;
    --palette-fg-ff8a3d: #ff8a3d;
    --palette-fg-ff8a7a: #ff8a7a;
    --palette-fg-ffb454: #ffb454;
    --palette-fg-fff: #fff;
    --palette-fg-ffffff: #ffffff;
    --palette-fg-rgba-0-0-0-6: rgba(0,0,0,.6);
    --palette-fg-rgba-147-197-253-5: rgba(147,197,253,.5);
    --palette-fg-rgba-147-197-253-6: rgba(147,197,253,.6);
    --palette-fg-rgba-147-197-253-7: rgba(147,197,253,.7);
    --palette-fg-rgba-201-169-97-3: rgba(201,169,97,.3);
    --palette-fg-rgba-255-255-255-196: rgba(255,255,255,.196);
    --palette-fg-rgba-255-255-255-45: rgba(255,255,255,.45);
    --palette-fg-rgba-255-255-255-5: rgba(255,255,255,.5);
    --palette-grid-3a3a3a: #3a3a3a;
    --palette-line-1a1a1a: #1a1a1a;
    --palette-line-1f1f1f: #1f1f1f;
    --palette-line-202020: #202020;
    --palette-line-222: #222;
    --palette-line-2a2a2a: #2a2a2a;
    --palette-line-2f363c: #2f363c;
    --palette-line-3b82f6: #3b82f6;
    --palette-line-444: #444;
    --palette-line-494949: #494949;
    --palette-line-666: #666;
    --palette-line-858585: #858585;
    --palette-line-888: #888;
    --palette-line-b5b5b5: #b5b5b5;
    --palette-line-ccc: #ccc;
    --palette-line-d3d8dc: #d3d8dc;
    --palette-line-e5e5e5: #e5e5e5;
    --palette-line-e74c3c: #e74c3c;
    --palette-line-f2f2f2: #f2f2f2;
    --palette-line-f39c12: #f39c12;
    --palette-line-rgba-150-168-205-0-18: rgba(150,168,205,0.18);
    --palette-line-rgba-249-115-22-4: rgba(249,115,22,.4);
    --palette-line-rgba-255-180-84-0-6: rgba(255,180,84,0.6);
    --palette-line-rgba-255-180-84-0-75: rgba(255,180,84,0.75);
    --palette-line-rgba-255-180-84-0-8: rgba(255,180,84,0.8);
    --palette-line-rgba-255-180-84-0-85: rgba(255,180,84,0.85);
    --palette-line-rgba-255-255-255-06: rgba(255,255,255,.06);
    --palette-line-rgba-255-255-255-08: rgba(255,255,255,.08);
    --palette-line-rgba-255-255-255-1: rgba(255,255,255,.1);
    --palette-line-rgba-255-255-255-21: rgba(255,255,255,.21);
    --palette-line-rgba-255-255-255-245: rgba(255,255,255,.245);
    --palette-line-rgba-255-255-255-42: rgba(255,255,255,.42);
    --palette-line-rgba-59-130-246-2: rgba(59,130,246,.2);
    --palette-line-rgba-84-84-88-6: rgba(84,84,88,.6);
    --palette-shadow-rgba-0-0-0-0-8: rgba(0,0,0,0.8);
    --palette-shadow-rgba-0-0-0-0-9: rgba(0,0,0,0.9);
    --palette-shadow-rgba-0-0-0-08: rgba(0,0,0,.08);
    --palette-shadow-rgba-0-0-0-18: rgba(0,0,0,.18);
    --palette-shadow-rgba-0-0-0-35: rgba(0,0,0,.35);
    --palette-shadow-rgba-0-0-0-4: rgba(0,0,0,.4);
    --palette-shadow-rgba-16-185-129-0: rgba(16,185,129,0);
    --palette-shadow-rgba-16-185-129-0-35: rgba(16,185,129,0.35);
    --palette-shadow-rgba-20-30-40-08: rgba(20,30,40,.08);
    --palette-shadow-rgba-59-130-246-05: rgba(59,130,246,.05);
    --palette-shadow-rgba-59-130-246-5: rgba(59,130,246,.5);
    --palette-surface-000: #000;
    --palette-surface-000000: #000000;
    --palette-surface-000a: #000a;
    --palette-surface-007aff: #007aff;
    --palette-surface-03050a: #03050a;
    --palette-surface-0a0a0a: #0a0a0a;
    --palette-surface-0a66c2: #0a66c2;
    --palette-surface-0c0c0c: #0c0c0c;
    --palette-surface-0d1117: #0d1117;
    --palette-surface-101010: #101010;
    --palette-surface-10b981: #10b981;
    --palette-surface-111: #111;
    --palette-surface-111827: #111827;
    --palette-surface-121212: #121212;
    --palette-surface-131619: #131619;
    --palette-surface-141414: #141414;
    --palette-surface-151515: #151515;
    --palette-surface-161616: #161616;
    --palette-surface-16213e: #16213e;
    --palette-surface-16301f: #16301f;
    --palette-surface-191919: #191919;
    --palette-surface-1a1a1a: #1a1a1a;
    --palette-surface-1a1a2e: #1a1a2e;
    --palette-surface-1b1b1b: #1b1b1b;
    --palette-surface-1b1f23: #1b1f23;
    --palette-surface-1c1c1e: #1c1c1e;
    --palette-surface-1f1f1f: #1f1f1f;
    --palette-surface-22272c: #22272c;
    --palette-surface-2a2a2a: #2a2a2a;
    --palette-surface-333: #333;
    --palette-surface-34c759: #34c759;
    --palette-surface-3a1a17: #3a1a17;
    --palette-surface-3a2e12: #3a2e12;
    --palette-surface-3a3a3a: #3a3a3a;
    --palette-surface-3b82f6: #3b82f6;
    --palette-surface-4752c4: #4752c4;
    --palette-surface-494949: #494949;
    --palette-surface-5865f2: #5865f2;
    --palette-surface-858585: #858585;
    --palette-surface-b8954a: #b8954a;
    --palette-surface-c4c4c4: #c4c4c4;
    --palette-surface-c7c7c7: #c7c7c7;
    --palette-surface-d6d6d6: #d6d6d6;
    --palette-surface-dff1e6: #dff1e6;
    --palette-surface-e9ecee: #e9ecee;
    --palette-surface-eef1f3: #eef1f3;
    --palette-surface-f2f2f2: #f2f2f2;
    --palette-surface-f7f8f9: #f7f8f9;
    --palette-surface-f97316: #f97316;
    --palette-surface-fbe4e1: #fbe4e1;
    --palette-surface-fdf1d6: #fdf1d6;
    --palette-surface-fff: #fff;
    --palette-surface-ffffff: #ffffff;
    --palette-surface-ffffff06: #ffffff06;
    --palette-surface-rgba-0-0-0-3: rgba(0,0,0,.3);
    --palette-surface-rgba-0-0-0-4: rgba(0,0,0,.4);
    --palette-surface-rgba-10-10-10-88: rgba(10,10,10,.88);
    --palette-surface-rgba-12-12-12-0: rgba(12,12,12,0);
    --palette-surface-rgba-12-12-12-85: rgba(12,12,12,.85);
    --palette-surface-rgba-12-12-12-88: rgba(12,12,12,.88);
    --palette-surface-rgba-12-12-12-9: rgba(12,12,12,.9);
    --palette-surface-rgba-12-12-12-92: rgba(12,12,12,.92);
    --palette-surface-rgba-12-12-12-94: rgba(12,12,12,.94);
    --palette-surface-rgba-178-58-58-10: rgba(178,58,58,.10);
    --palette-surface-rgba-184-134-11-12: rgba(184,134,11,.12);
    --palette-surface-rgba-201-169-97-15: rgba(201,169,97,.15);
    --palette-surface-rgba-201-169-97-35: rgba(201,169,97,.35);
    --palette-surface-rgba-249-115-22-06: rgba(249,115,22,.06);
    --palette-surface-rgba-255-180-84-0-14: rgba(255,180,84,0.14);
    --palette-surface-rgba-255-255-255-028: rgba(255,255,255,.028);
    --palette-surface-rgba-255-255-255-032: rgba(255,255,255,.032);
    --palette-surface-rgba-255-255-255-035: rgba(255,255,255,.035);
    --palette-surface-rgba-255-255-255-042: rgba(255,255,255,.042);
    --palette-surface-rgba-255-255-255-045: rgba(255,255,255,.045);
    --palette-surface-rgba-255-255-255-049: rgba(255,255,255,.049);
    --palette-surface-rgba-255-255-255-05: rgba(255,255,255,.05);
    --palette-surface-rgba-255-255-255-056: rgba(255,255,255,.056);
    --palette-surface-rgba-255-255-255-07: rgba(255,255,255,.07);
    --palette-surface-rgba-255-255-255-084: rgba(255,255,255,.084);
    --palette-surface-rgba-255-255-255-098: rgba(255,255,255,.098);
    --palette-surface-rgba-46-125-50-10: rgba(46,125,50,.10);
    --palette-surface-rgba-7-10-18-0-74: rgba(7,10,18,0.74);
}

:root[data-theme="light"] {
    --bg: #ffffff;
    --fg: #111111;
    --muted: #444444;
    --line: #d6d6d6;
    --grid: #e5e5e5;
    --accent: #111111;
    --reading-scheme: light;
    --ink: var(--fg);
    --text: var(--fg);
    --copy: var(--fg);
    --ink-2: var(--fg);
    --dim: var(--muted);
    --gray: var(--muted);
    --gray-2: var(--muted);
    --faint: var(--muted);
    --paper: var(--bg);
    --void: var(--bg);
    --surface: var(--bg);
    --panel: var(--bg);
    --card: var(--bg);
    --card-2: var(--bg);
    --bg-soft: var(--bg);
    --elevated: var(--bg);
    --ghost: var(--grid);
    --line-2: var(--line);
    --palette-fg-000000: var(--fg);
    --palette-fg-0066cc: var(--fg);
    --palette-fg-0a0a0a: var(--fg);
    --palette-fg-0a84ff: var(--fg);
    --palette-fg-0c0c0c: var(--fg);
    --palette-fg-111: var(--fg);
    --palette-fg-1a0f02: var(--fg);
    --palette-fg-1b1f23: var(--fg);
    --palette-fg-1c1c1e: var(--fg);
    --palette-fg-1e7a46: var(--fg);
    --palette-fg-1f5fbf: var(--fg);
    --palette-fg-222: var(--fg);
    --palette-fg-2b2f33: var(--fg);
    --palette-fg-333: var(--fg);
    --palette-fg-48484a: var(--fg);
    --palette-fg-4ecdc4: var(--fg);
    --palette-fg-4f7a3a: var(--fg);
    --palette-fg-555: var(--muted);
    --palette-fg-56606a: var(--fg);
    --palette-fg-5a5a5a: var(--muted);
    --palette-fg-5b9bf0: var(--fg);
    --palette-fg-5f687c: var(--fg);
    --palette-fg-5fd394: var(--fg);
    --palette-fg-666: var(--muted);
    --palette-fg-6a3d9a: var(--fg);
    --palette-fg-7c7c7c: var(--muted);
    --palette-fg-7fb07f: var(--fg);
    --palette-fg-858585: var(--muted);
    --palette-fg-86b56d: var(--fg);
    --palette-fg-888: var(--muted);
    --palette-fg-8a4a12: var(--fg);
    --palette-fg-8b8b8b: var(--muted);
    --palette-fg-8c8c8c: var(--muted);
    --palette-fg-8e8e8e: var(--muted);
    --palette-fg-8e8e93: var(--muted);
    --palette-fg-909090: var(--muted);
    --palette-fg-939393: var(--muted);
    --palette-fg-949494: var(--muted);
    --palette-fg-97a1b5: var(--fg);
    --palette-fg-999: var(--muted);
    --palette-fg-9a6700: var(--fg);
    --palette-fg-9a9a9a: var(--muted);
    --palette-fg-9aa4ad: var(--fg);
    --palette-fg-a0a0a0: var(--muted);
    --palette-fg-aaa: var(--muted);
    --palette-fg-abb2bf: var(--fg);
    --palette-fg-b28ae0: var(--fg);
    --palette-fg-b42318: var(--fg);
    --palette-fg-b5b5b5: var(--fg);
    --palette-fg-b8860b: var(--fg);
    --palette-fg-bbb: var(--fg);
    --palette-fg-c0392b: var(--fg);
    --palette-fg-c2410c: var(--fg);
    --palette-fg-c4c4c4: var(--fg);
    --palette-fg-c9731f: var(--fg);
    --palette-fg-c9a961: var(--fg);
    --palette-fg-ccc: var(--fg);
    --palette-fg-d5dade: var(--fg);
    --palette-fg-d6d6d6: var(--fg);
    --palette-fg-d9685f: var(--fg);
    --palette-fg-d9964f: var(--fg);
    --palette-fg-d9bc7a: var(--fg);
    --palette-fg-dda544: var(--fg);
    --palette-fg-e06c75: var(--fg);
    --palette-fg-e0b43c: var(--fg);
    --palette-fg-e0e0e0: var(--fg);
    --palette-fg-e7eaec: var(--fg);
    --palette-fg-eee: var(--fg);
    --palette-fg-eef1f6: var(--fg);
    --palette-fg-ef6b5d: var(--fg);
    --palette-fg-f0773f: var(--fg);
    --palette-fg-f2c14e: var(--fg);
    --palette-fg-f2f2f2: var(--fg);
    --palette-fg-f5f5f5: var(--fg);
    --palette-fg-f97316: var(--fg);
    --palette-fg-ff8a3d: var(--fg);
    --palette-fg-ff8a7a: var(--fg);
    --palette-fg-ffb454: var(--fg);
    --palette-fg-fff: var(--fg);
    --palette-fg-ffffff: var(--fg);
    --palette-fg-rgba-0-0-0-6: var(--fg);
    --palette-fg-rgba-147-197-253-5: var(--fg);
    --palette-fg-rgba-147-197-253-6: var(--fg);
    --palette-fg-rgba-147-197-253-7: var(--fg);
    --palette-fg-rgba-201-169-97-3: var(--fg);
    --palette-fg-rgba-255-255-255-196: var(--fg);
    --palette-fg-rgba-255-255-255-45: var(--fg);
    --palette-fg-rgba-255-255-255-5: var(--fg);
    --palette-grid-3a3a3a: var(--grid);
    --palette-line-1a1a1a: var(--line);
    --palette-line-1f1f1f: var(--line);
    --palette-line-202020: var(--line);
    --palette-line-222: var(--line);
    --palette-line-2a2a2a: var(--line);
    --palette-line-2f363c: var(--line);
    --palette-line-3b82f6: var(--line);
    --palette-line-444: var(--line);
    --palette-line-494949: var(--line);
    --palette-line-666: var(--line);
    --palette-line-858585: var(--line);
    --palette-line-888: var(--line);
    --palette-line-b5b5b5: var(--line);
    --palette-line-ccc: var(--line);
    --palette-line-d3d8dc: var(--line);
    --palette-line-e5e5e5: var(--line);
    --palette-line-e74c3c: var(--line);
    --palette-line-f2f2f2: var(--line);
    --palette-line-f39c12: var(--line);
    --palette-line-rgba-150-168-205-0-18: var(--line);
    --palette-line-rgba-249-115-22-4: var(--line);
    --palette-line-rgba-255-180-84-0-6: var(--line);
    --palette-line-rgba-255-180-84-0-75: var(--line);
    --palette-line-rgba-255-180-84-0-8: var(--line);
    --palette-line-rgba-255-180-84-0-85: var(--line);
    --palette-line-rgba-255-255-255-06: var(--line);
    --palette-line-rgba-255-255-255-08: var(--line);
    --palette-line-rgba-255-255-255-1: var(--line);
    --palette-line-rgba-255-255-255-21: var(--line);
    --palette-line-rgba-255-255-255-245: var(--line);
    --palette-line-rgba-255-255-255-42: var(--line);
    --palette-line-rgba-59-130-246-2: var(--line);
    --palette-line-rgba-84-84-88-6: var(--line);
    --palette-shadow-rgba-0-0-0-0-8: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-0-0-0-0-9: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-0-0-0-08: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-0-0-0-18: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-0-0-0-35: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-0-0-0-4: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-16-185-129-0: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-16-185-129-0-35: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-20-30-40-08: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-59-130-246-05: rgba(0, 0, 0, .08);
    --palette-shadow-rgba-59-130-246-5: rgba(0, 0, 0, .08);
    --palette-surface-000: var(--bg);
    --palette-surface-000000: var(--bg);
    --palette-surface-000a: #f5f5f5;
    --palette-surface-007aff: #f5f5f5;
    --palette-surface-03050a: var(--bg);
    --palette-surface-0a0a0a: var(--bg);
    --palette-surface-0a66c2: #f5f5f5;
    --palette-surface-0c0c0c: var(--bg);
    --palette-surface-0d1117: #f5f5f5;
    --palette-surface-101010: #f5f5f5;
    --palette-surface-10b981: #f5f5f5;
    --palette-surface-111: #f5f5f5;
    --palette-surface-111827: #f5f5f5;
    --palette-surface-121212: #f5f5f5;
    --palette-surface-131619: #f5f5f5;
    --palette-surface-141414: #f5f5f5;
    --palette-surface-151515: #f5f5f5;
    --palette-surface-161616: #f5f5f5;
    --palette-surface-16213e: #f5f5f5;
    --palette-surface-16301f: #f5f5f5;
    --palette-surface-191919: #f5f5f5;
    --palette-surface-1a1a1a: #f5f5f5;
    --palette-surface-1a1a2e: #f5f5f5;
    --palette-surface-1b1b1b: #f5f5f5;
    --palette-surface-1b1f23: #f5f5f5;
    --palette-surface-1c1c1e: #f5f5f5;
    --palette-surface-1f1f1f: #f5f5f5;
    --palette-surface-22272c: #f5f5f5;
    --palette-surface-2a2a2a: #f5f5f5;
    --palette-surface-333: #f5f5f5;
    --palette-surface-34c759: #f5f5f5;
    --palette-surface-3a1a17: #f5f5f5;
    --palette-surface-3a2e12: #f5f5f5;
    --palette-surface-3a3a3a: #f5f5f5;
    --palette-surface-3b82f6: #f5f5f5;
    --palette-surface-4752c4: #f5f5f5;
    --palette-surface-494949: #f5f5f5;
    --palette-surface-5865f2: #f5f5f5;
    --palette-surface-858585: #f5f5f5;
    --palette-surface-b8954a: #f5f5f5;
    --palette-surface-c4c4c4: #f5f5f5;
    --palette-surface-c7c7c7: #f5f5f5;
    --palette-surface-d6d6d6: #f5f5f5;
    --palette-surface-dff1e6: #f5f5f5;
    --palette-surface-e9ecee: #f5f5f5;
    --palette-surface-eef1f3: #f5f5f5;
    --palette-surface-f2f2f2: #f5f5f5;
    --palette-surface-f7f8f9: #f5f5f5;
    --palette-surface-f97316: #f5f5f5;
    --palette-surface-fbe4e1: #f5f5f5;
    --palette-surface-fdf1d6: #f5f5f5;
    --palette-surface-fff: #f5f5f5;
    --palette-surface-ffffff: #f5f5f5;
    --palette-surface-ffffff06: #f5f5f5;
    --palette-surface-rgba-0-0-0-3: rgba(0, 0, 0, .3);
    --palette-surface-rgba-0-0-0-4: rgba(0, 0, 0, .4);
    --palette-surface-rgba-10-10-10-88: rgba(255, 255, 255, .88);
    --palette-surface-rgba-12-12-12-0: rgba(0, 0, 0, 0);
    --palette-surface-rgba-12-12-12-85: rgba(255, 255, 255, .85);
    --palette-surface-rgba-12-12-12-88: rgba(255, 255, 255, .88);
    --palette-surface-rgba-12-12-12-9: rgba(255, 255, 255, .9);
    --palette-surface-rgba-12-12-12-92: rgba(255, 255, 255, .92);
    --palette-surface-rgba-12-12-12-94: rgba(255, 255, 255, .94);
    --palette-surface-rgba-178-58-58-10: rgba(0, 0, 0, .10);
    --palette-surface-rgba-184-134-11-12: rgba(0, 0, 0, .12);
    --palette-surface-rgba-201-169-97-15: rgba(0, 0, 0, .15);
    --palette-surface-rgba-201-169-97-35: rgba(0, 0, 0, .35);
    --palette-surface-rgba-249-115-22-06: rgba(0, 0, 0, .06);
    --palette-surface-rgba-255-180-84-0-14: rgba(0, 0, 0, 0.14);
    --palette-surface-rgba-255-255-255-028: rgba(0, 0, 0, .028);
    --palette-surface-rgba-255-255-255-032: rgba(0, 0, 0, .032);
    --palette-surface-rgba-255-255-255-035: rgba(0, 0, 0, .035);
    --palette-surface-rgba-255-255-255-042: rgba(0, 0, 0, .042);
    --palette-surface-rgba-255-255-255-045: rgba(0, 0, 0, .045);
    --palette-surface-rgba-255-255-255-049: rgba(0, 0, 0, .049);
    --palette-surface-rgba-255-255-255-05: rgba(0, 0, 0, .05);
    --palette-surface-rgba-255-255-255-056: rgba(0, 0, 0, .056);
    --palette-surface-rgba-255-255-255-07: rgba(0, 0, 0, .07);
    --palette-surface-rgba-255-255-255-084: rgba(0, 0, 0, .084);
    --palette-surface-rgba-255-255-255-098: rgba(0, 0, 0, .098);
    --palette-surface-rgba-46-125-50-10: rgba(0, 0, 0, .10);
    --palette-surface-rgba-7-10-18-0-74: rgba(255, 255, 255, 0.74);
}

[data-text-size="120"] { --text-scale: 1.2; }

/* Only light mode paints the root explicitly: old dark page rendering is untouched. */
html[data-theme="light"] { background: var(--bg); color-scheme: light; }
html[data-theme="light"] .profile-photo img { filter: none; }
html[data-theme="light"] .github-chart { filter: grayscale(1); }
/* Retain the diagrams' original pixels; the outline does not affect their geometry. */
html[data-theme="light"] img[src$=".png"]:not(.profile-photo img):not(.github-chart) {
    outline: 1px solid var(--line);
    outline-offset: -1px;
}

/* Inverse paints and diagram details retain their exact original dark values. */
:root {
    --inverse-ink: #0c0c0c;
    --inverse-sun-ink: #1a0f02;
    --cover-grid: #161616;
    --cover-surface: #1a1a1a;
    --schedule-rgb: 201 169 97;
}
:root[data-theme="light"] {
    --inverse-ink: var(--bg);
    --inverse-sun-ink: var(--bg);
    --cover-grid: var(--grid);
    --cover-surface: #f5f5f5;
    --schedule-rgb: 17 17 17;
    --accent-ink: var(--bg);
}
html[data-theme="light"] .portrait-column img { filter: none; }
@media print {
    .reading-nav, .sn-reading { display: none !important; }
}

/* Exact paints in multitone inline diagrams. */
:root {
    --svg-fg-242424: #242424;
    --svg-fg-494949: #494949;
    --svg-surface-191919: #191919;
}
:root[data-theme="light"] {
    --svg-fg-242424: var(--grid);
    --svg-fg-494949: var(--muted);
    --svg-surface-191919: #f5f5f5;
}

/* Ghost ink is decorative in charts, but step numbers are readable text. */
html[data-theme="light"] .steps span { color: var(--muted); }
html[data-theme="light"] .ccard-row { opacity: 1; }