:root,
body[data-mode="light"][data-tone="paper"] {
  --bg: #efeee4;
  --text: #161615;
  --muted: #6f6d63;
  --faint: rgba(22, 22, 21, 0.14);
  --fainter: rgba(22, 22, 21, 0.07);
  --shell: rgba(239, 238, 228, 0.58);
  --shell-strong: rgba(239, 238, 228, 0.78);
  --line-color: rgba(22, 22, 21, 0.18);
  --line-strong: rgba(22, 22, 21, 0.36);
  --button-bg: #171715;
  --button-text: #f5f3e9;
  --danger: #6d4038;
  --scheduled: #2f5e58;
  --complete: #858278;
  --overdue: #7b4a35;
  --tag: #325e55;
  --mention: #5f4c80;
  --focus: #111111;
  --selection: rgba(22, 22, 21, 0.15);
  --selection-text: #111111;
  --glow-a: rgba(255, 255, 255, 0.35);
  --glow-b: rgba(0, 0, 0, 0.06);
}

body[data-mode="light"][data-tone="mist"] {
  --bg: #e5e7e2;
  --text: #151817;
  --muted: #6d736d;
  --faint: rgba(21, 24, 23, 0.14);
  --fainter: rgba(21, 24, 23, 0.07);
  --shell: rgba(229, 231, 226, 0.6);
  --shell-strong: rgba(229, 231, 226, 0.8);
  --line-color: rgba(21, 24, 23, 0.18);
  --line-strong: rgba(21, 24, 23, 0.36);
  --button-bg: #151817;
  --button-text: #f4f5ef;
  --danger: #70413c;
  --scheduled: #345c67;
  --complete: #818881;
  --overdue: #76513a;
  --tag: #315f69;
  --mention: #5d5376;
  --focus: #111111;
  --selection: rgba(21, 24, 23, 0.15);
  --selection-text: #111111;
  --glow-a: rgba(255, 255, 255, 0.24);
  --glow-b: rgba(0, 0, 0, 0.05);
}

body[data-mode="dark"][data-tone="ink"] {
  --bg: #0f0f0e;
  --text: #efeee4;
  --muted: #a4a197;
  --faint: rgba(239, 238, 228, 0.16);
  --fainter: rgba(239, 238, 228, 0.07);
  --shell: rgba(15, 15, 14, 0.56);
  --shell-strong: rgba(15, 15, 14, 0.82);
  --line-color: rgba(239, 238, 228, 0.18);
  --line-strong: rgba(239, 238, 228, 0.38);
  --button-bg: #efeee4;
  --button-text: #11110f;
  --danger: #c9988f;
  --scheduled: #8cbeb5;
  --complete: #77746d;
  --overdue: #c49b70;
  --tag: #8fc2b9;
  --mention: #b6a1da;
  --focus: #efeee4;
  --selection: rgba(239, 238, 228, 0.2);
  --selection-text: #ffffff;
  --glow-a: rgba(255, 255, 255, 0.06);
  --glow-b: rgba(255, 255, 255, 0.03);
}

body[data-mode="dark"][data-tone="graphite"] {
  --bg: #20211f;
  --text: #e7e6dc;
  --muted: #aaa79e;
  --faint: rgba(231, 230, 220, 0.16);
  --fainter: rgba(231, 230, 220, 0.07);
  --shell: rgba(32, 33, 31, 0.58);
  --shell-strong: rgba(32, 33, 31, 0.82);
  --line-color: rgba(231, 230, 220, 0.18);
  --line-strong: rgba(231, 230, 220, 0.36);
  --button-bg: #e7e6dc;
  --button-text: #171716;
  --danger: #c99b91;
  --scheduled: #92bbb5;
  --complete: #838078;
  --overdue: #c1a06f;
  --tag: #91bfb7;
  --mention: #b6a2d0;
  --focus: #e7e6dc;
  --selection: rgba(231, 230, 220, 0.2);
  --selection-text: #ffffff;
  --glow-a: rgba(255, 255, 255, 0.06);
  --glow-b: rgba(0, 0, 0, 0.10);
}

body[data-activity-ramp="ash"] {
  --heat-0: rgba(100, 100, 92, 0.08);
  --heat-1: rgba(100, 100, 92, 0.20);
  --heat-2: rgba(100, 100, 92, 0.34);
  --heat-3: rgba(100, 100, 92, 0.54);
  --heat-4: rgba(100, 100, 92, 0.76);
}
body[data-activity-ramp="ink"] {
  --heat-0: rgba(20, 20, 19, 0.08);
  --heat-1: rgba(20, 20, 19, 0.22);
  --heat-2: rgba(20, 20, 19, 0.38);
  --heat-3: rgba(20, 20, 19, 0.58);
  --heat-4: rgba(20, 20, 19, 0.82);
}
body[data-activity-ramp="moss"] {
  --heat-0: rgba(78, 91, 80, 0.08);
  --heat-1: rgba(78, 91, 80, 0.24);
  --heat-2: rgba(78, 91, 80, 0.40);
  --heat-3: rgba(78, 91, 80, 0.60);
  --heat-4: rgba(78, 91, 80, 0.84);
}
body[data-activity-ramp="amber"] {
  --heat-0: rgba(138, 108, 70, 0.08);
  --heat-1: rgba(138, 108, 70, 0.24);
  --heat-2: rgba(138, 108, 70, 0.40);
  --heat-3: rgba(138, 108, 70, 0.62);
  --heat-4: rgba(138, 108, 70, 0.84);
}
body[data-activity-ramp="ice"] {
  --heat-0: rgba(88, 109, 120, 0.08);
  --heat-1: rgba(88, 109, 120, 0.24);
  --heat-2: rgba(88, 109, 120, 0.40);
  --heat-3: rgba(88, 109, 120, 0.62);
  --heat-4: rgba(88, 109, 120, 0.84);
}

body[data-mode="dark"][data-activity-ramp="ink"] {
  --heat-0: rgba(239, 238, 228, 0.06);
  --heat-1: rgba(239, 238, 228, 0.18);
  --heat-2: rgba(239, 238, 228, 0.32);
  --heat-3: rgba(239, 238, 228, 0.50);
  --heat-4: rgba(239, 238, 228, 0.74);
}