/* Accent palettes: original violet values remain the fallback. */
html[data-accent="navy"]{--palette-0:hsl(218 21.43% 5.49% / 1.000);--palette-1:hsl(218 100.00% 97.65% / 1.000);--palette-2:hsl(218 17.14% 72.55% / 1.000);--palette-3:hsl(218 13.29% 66.08% / 1.000);--palette-4:hsl(218 22.22% 17.65% / 1.000);--palette-5:hsl(218 47.04% 49.61% / 1.000);--palette-6:hsl(218 100.00% 81.96% / 1.000);--palette-7:hsl(218 44.44% 96.47% / 1.000);--palette-8:hsl(218 23.81% 16.47% / 1.000);--palette-9:hsl(218 12.26% 41.57% / 1.000);--palette-10:hsl(218 10.55% 46.47% / 1.000);--palette-11:hsl(218 50.48% 41.18% / 1.000);--palette-12:hsl(218 43.05% 29.61% / 0.039);--palette-13:hsl(218 18.79% 32.35% / 1.000);--palette-14:hsl(218 59.12% 35.49% / 0.333);--palette-15:hsl(218 50.44% 22.16% / 0.165);--palette-16:hsl(218 69.23% 69.41% / 0.020);--palette-17:hsl(218 60.56% 86.08% / 0.467);--palette-18:hsl(218 58.49% 89.61% / 0.333);--palette-19:hsl(218 64.97% 65.29% / 1.000);--palette-20:hsl(218 54.61% 27.65% / 0.039);--palette-21:hsl(218 100.00% 79.80% / 1.000);--palette-22:hsl(218 100.00% 91.96% / 1.000);--palette-23:hsl(218 100.00% 75.88% / 0.129);--palette-24:hsl(218 46.03% 50.59% / 0.086);--palette-25:hsl(218 100.00% 86.47% / 0.208);--palette-26:hsl(218 53.27% 58.04% / 0.075);--palette-27:hsl(218 100.00% 75.10% / 1.000);--palette-28:hsl(218 93.24% 70.98% / 0.267);--palette-29:hsl(218 17.24% 39.80% / 1.000);--palette-30:hsl(218 24.75% 19.80% / 1.000);--palette-31:hsl(218 33.60% 50.39% / 1.000);--palette-32:hsl(218 37.65% 33.33% / 1.000);--palette-33:hsl(218 31.25% 62.35% / 1.000);--palette-34:hsl(218 57.89% 73.92% / 1.000);--palette-35:hsl(218 100.00% 91.76% / 0.208);--palette-36:hsl(218 100.00% 86.86% / 0.071);--palette-37:hsl(218 50.68% 71.37% / 0.051);--palette-38:hsl(218 100.00% 91.76% / 0.333);--palette-39:hsl(218 100.00% 86.86% / 0.102);--palette-40:hsl(218 61.66% 62.16% / 0.149);--palette-41:hsl(218 47.45% 26.86% / 0.682);--palette-42:hsl(218 35.80% 15.88% / 0.631);--palette-43:hsl(218 100.00% 82.16% / 0.361);--palette-44:hsl(218 66.67% 69.41% / 0.180);--palette-45:hsl(218 100.00% 75.69% / 0.153);--palette-46:hsl(218 44.44% 31.76% / 1.000);--palette-47:hsl(218 42.57% 19.80% / 1.000);--palette-48:hsl(218 100.00% 98.24% / 1.000);--palette-49:hsl(218 50.99% 29.61% / 0.125);--palette-50:hsl(218 100.00% 86.67% / 0.533);--palette-51:hsl(218 100.00% 79.02% / 0.098);--palette-52:hsl(218 100.00% 79.02% / 0.027);--palette-53:hsl(218 100.00% 79.02% / 0.020);--palette-54:hsl(218 100.00% 5.49% / 0.267);--palette-55:hsl(218 100.00% 93.73% / 0.502);--palette-56:hsl(218 78.26% 90.98% / 1.000);--palette-57:hsl(218 100.00% 82.55% / 0.075);--palette-58:hsl(218 100.00% 96.27% / 1.000);--palette-59:hsl(218 52.63% 85.10% / 1.000);--palette-60:hsl(218 100.00% 90.39% / 0.102);--palette-61:hsl(218 66.67% 87.06% / 1.000);--palette-62:hsl(218 61.83% 74.31% / 1.000);--palette-63:hsl(218 11.46% 49.61% / 1.000);--palette-64:hsl(218 41.50% 50.39% / 1.000);--palette-65:hsl(218 48.96% 37.65% / 1.000);--palette-66:hsl(218 52.80% 68.43% / 0.169);--palette-67:hsl(218 100.00% 83.92% / 0.251);--palette-68:hsl(218 74.29% 13.73% / 0.125);--palette-69:hsl(218 100.00% 83.92% / 0.439);--palette-70:hsl(218 52.86% 27.45% / 0.200);--palette-71:hsl(218 30.94% 72.75% / 1.000);--palette-72:hsl(218 58.14% 66.27% / 0.098);--palette-73:hsl(218 58.14% 66.27% / 0.027);--palette-74:hsl(218 40.74% 78.82% / 1.000);--palette-75:hsl(218 37.56% 43.33% / 1.000);--palette-76:hsl(218 53.94% 67.65% / 1.000);--palette-77:hsl(218 64.97% 65.29% / 0.071);--palette-78:hsl(218 44.86% 47.65% / 0.169);--palette-79:hsl(218 100.00% 83.73% / 0.141);--palette-80:hsl(218 60.00% 70.59% / 0.200);--palette-81:hsl(218 73.33% 2.94% / 0.600);--palette-82:hsl(218 77.22% 84.51% / 1.000);--palette-83:hsl(218 53.09% 15.88% / 1.000);--palette-84:hsl(218 100.00% 89.61% / 0.208);--palette-85:hsl(218 69.93% 70.00% / 0.110);--palette-86:hsl(218 100.00% 86.47% / 0.102);--palette-87:hsl(218 42.39% 52.35% / 0.078);--palette-88:hsl(218 100.00% 81.37% / 1.000);--palette-89:hsl(218 40.74% 21.18% / 0.086);--palette-90:hsl(218 100.00% 98.43% / 1.000);--palette-91:hsl(218 54.55% 8.63% / 0.071);--palette-92:hsl(218 53.46% 31.18% / 1.000);--palette-93:hsl(218 42.39% 52.35% / 0.102);--palette-94:hsl(218 40.74% 21.18% / 0.039);--palette-95:hsl(218 29.73% 14.51% / 1.000);--palette-96:hsl(218 50.00% 95.29% / 1.000);--palette-97:hsl(218 37.50% 47.06% / 0.102);--palette-98:hsl(218 43.94% 25.88% / 0.031);--palette-99:hsl(218 100.00% 89.61% / 0.188);--palette-100:hsl(218 100.00% 89.61% / 0.063);--accent:#244b87;--accent-ink:#fff}
html[data-accent="navy"] body{--accent:#244b87;--focus:hsl(218 65% 73%)}html[data-accent="navy"] body.light{--accent:#244b87;--focus:#244b87}
html[data-accent="petrol"]{--palette-0:hsl(188 21.43% 5.49% / 1.000);--palette-1:hsl(188 100.00% 97.65% / 1.000);--palette-2:hsl(188 17.14% 72.55% / 1.000);--palette-3:hsl(188 13.29% 66.08% / 1.000);--palette-4:hsl(188 22.22% 17.65% / 1.000);--palette-5:hsl(188 47.04% 49.61% / 1.000);--palette-6:hsl(188 100.00% 81.96% / 1.000);--palette-7:hsl(188 44.44% 96.47% / 1.000);--palette-8:hsl(188 23.81% 16.47% / 1.000);--palette-9:hsl(188 12.26% 41.57% / 1.000);--palette-10:hsl(188 10.55% 46.47% / 1.000);--palette-11:hsl(188 50.48% 41.18% / 1.000);--palette-12:hsl(188 43.05% 29.61% / 0.039);--palette-13:hsl(188 18.79% 32.35% / 1.000);--palette-14:hsl(188 59.12% 35.49% / 0.333);--palette-15:hsl(188 50.44% 22.16% / 0.165);--palette-16:hsl(188 69.23% 69.41% / 0.020);--palette-17:hsl(188 60.56% 86.08% / 0.467);--palette-18:hsl(188 58.49% 89.61% / 0.333);--palette-19:hsl(188 64.97% 65.29% / 1.000);--palette-20:hsl(188 54.61% 27.65% / 0.039);--palette-21:hsl(188 100.00% 79.80% / 1.000);--palette-22:hsl(188 100.00% 91.96% / 1.000);--palette-23:hsl(188 100.00% 75.88% / 0.129);--palette-24:hsl(188 46.03% 50.59% / 0.086);--palette-25:hsl(188 100.00% 86.47% / 0.208);--palette-26:hsl(188 53.27% 58.04% / 0.075);--palette-27:hsl(188 100.00% 75.10% / 1.000);--palette-28:hsl(188 93.24% 70.98% / 0.267);--palette-29:hsl(188 17.24% 39.80% / 1.000);--palette-30:hsl(188 24.75% 19.80% / 1.000);--palette-31:hsl(188 33.60% 50.39% / 1.000);--palette-32:hsl(188 37.65% 33.33% / 1.000);--palette-33:hsl(188 31.25% 62.35% / 1.000);--palette-34:hsl(188 57.89% 73.92% / 1.000);--palette-35:hsl(188 100.00% 91.76% / 0.208);--palette-36:hsl(188 100.00% 86.86% / 0.071);--palette-37:hsl(188 50.68% 71.37% / 0.051);--palette-38:hsl(188 100.00% 91.76% / 0.333);--palette-39:hsl(188 100.00% 86.86% / 0.102);--palette-40:hsl(188 61.66% 62.16% / 0.149);--palette-41:hsl(188 47.45% 26.86% / 0.682);--palette-42:hsl(188 35.80% 15.88% / 0.631);--palette-43:hsl(188 100.00% 82.16% / 0.361);--palette-44:hsl(188 66.67% 69.41% / 0.180);--palette-45:hsl(188 100.00% 75.69% / 0.153);--palette-46:hsl(188 44.44% 31.76% / 1.000);--palette-47:hsl(188 42.57% 19.80% / 1.000);--palette-48:hsl(188 100.00% 98.24% / 1.000);--palette-49:hsl(188 50.99% 29.61% / 0.125);--palette-50:hsl(188 100.00% 86.67% / 0.533);--palette-51:hsl(188 100.00% 79.02% / 0.098);--palette-52:hsl(188 100.00% 79.02% / 0.027);--palette-53:hsl(188 100.00% 79.02% / 0.020);--palette-54:hsl(188 100.00% 5.49% / 0.267);--palette-55:hsl(188 100.00% 93.73% / 0.502);--palette-56:hsl(188 78.26% 90.98% / 1.000);--palette-57:hsl(188 100.00% 82.55% / 0.075);--palette-58:hsl(188 100.00% 96.27% / 1.000);--palette-59:hsl(188 52.63% 85.10% / 1.000);--palette-60:hsl(188 100.00% 90.39% / 0.102);--palette-61:hsl(188 66.67% 87.06% / 1.000);--palette-62:hsl(188 61.83% 74.31% / 1.000);--palette-63:hsl(188 11.46% 49.61% / 1.000);--palette-64:hsl(188 41.50% 50.39% / 1.000);--palette-65:hsl(188 48.96% 37.65% / 1.000);--palette-66:hsl(188 52.80% 68.43% / 0.169);--palette-67:hsl(188 100.00% 83.92% / 0.251);--palette-68:hsl(188 74.29% 13.73% / 0.125);--palette-69:hsl(188 100.00% 83.92% / 0.439);--palette-70:hsl(188 52.86% 27.45% / 0.200);--palette-71:hsl(188 30.94% 72.75% / 1.000);--palette-72:hsl(188 58.14% 66.27% / 0.098);--palette-73:hsl(188 58.14% 66.27% / 0.027);--palette-74:hsl(188 40.74% 78.82% / 1.000);--palette-75:hsl(188 37.56% 43.33% / 1.000);--palette-76:hsl(188 53.94% 67.65% / 1.000);--palette-77:hsl(188 64.97% 65.29% / 0.071);--palette-78:hsl(188 44.86% 47.65% / 0.169);--palette-79:hsl(188 100.00% 83.73% / 0.141);--palette-80:hsl(188 60.00% 70.59% / 0.200);--palette-81:hsl(188 73.33% 2.94% / 0.600);--palette-82:hsl(188 77.22% 84.51% / 1.000);--palette-83:hsl(188 53.09% 15.88% / 1.000);--palette-84:hsl(188 100.00% 89.61% / 0.208);--palette-85:hsl(188 69.93% 70.00% / 0.110);--palette-86:hsl(188 100.00% 86.47% / 0.102);--palette-87:hsl(188 42.39% 52.35% / 0.078);--palette-88:hsl(188 100.00% 81.37% / 1.000);--palette-89:hsl(188 40.74% 21.18% / 0.086);--palette-90:hsl(188 100.00% 98.43% / 1.000);--palette-91:hsl(188 54.55% 8.63% / 0.071);--palette-92:hsl(188 53.46% 31.18% / 1.000);--palette-93:hsl(188 42.39% 52.35% / 0.102);--palette-94:hsl(188 40.74% 21.18% / 0.039);--palette-95:hsl(188 29.73% 14.51% / 1.000);--palette-96:hsl(188 50.00% 95.29% / 1.000);--palette-97:hsl(188 37.50% 47.06% / 0.102);--palette-98:hsl(188 43.94% 25.88% / 0.031);--palette-99:hsl(188 100.00% 89.61% / 0.188);--palette-100:hsl(188 100.00% 89.61% / 0.063);--accent:#146471;--accent-ink:#fff}
html[data-accent="petrol"] body{--accent:#146471;--focus:hsl(188 65% 73%)}html[data-accent="petrol"] body.light{--accent:#146471;--focus:#146471}
html[data-accent="forest"]{--palette-0:hsl(151 21.43% 5.49% / 1.000);--palette-1:hsl(151 100.00% 97.65% / 1.000);--palette-2:hsl(151 17.14% 72.55% / 1.000);--palette-3:hsl(151 13.29% 66.08% / 1.000);--palette-4:hsl(151 22.22% 17.65% / 1.000);--palette-5:hsl(151 47.04% 49.61% / 1.000);--palette-6:hsl(151 100.00% 81.96% / 1.000);--palette-7:hsl(151 44.44% 96.47% / 1.000);--palette-8:hsl(151 23.81% 16.47% / 1.000);--palette-9:hsl(151 12.26% 41.57% / 1.000);--palette-10:hsl(151 10.55% 46.47% / 1.000);--palette-11:hsl(151 50.48% 41.18% / 1.000);--palette-12:hsl(151 43.05% 29.61% / 0.039);--palette-13:hsl(151 18.79% 32.35% / 1.000);--palette-14:hsl(151 59.12% 35.49% / 0.333);--palette-15:hsl(151 50.44% 22.16% / 0.165);--palette-16:hsl(151 69.23% 69.41% / 0.020);--palette-17:hsl(151 60.56% 86.08% / 0.467);--palette-18:hsl(151 58.49% 89.61% / 0.333);--palette-19:hsl(151 64.97% 65.29% / 1.000);--palette-20:hsl(151 54.61% 27.65% / 0.039);--palette-21:hsl(151 100.00% 79.80% / 1.000);--palette-22:hsl(151 100.00% 91.96% / 1.000);--palette-23:hsl(151 100.00% 75.88% / 0.129);--palette-24:hsl(151 46.03% 50.59% / 0.086);--palette-25:hsl(151 100.00% 86.47% / 0.208);--palette-26:hsl(151 53.27% 58.04% / 0.075);--palette-27:hsl(151 100.00% 75.10% / 1.000);--palette-28:hsl(151 93.24% 70.98% / 0.267);--palette-29:hsl(151 17.24% 39.80% / 1.000);--palette-30:hsl(151 24.75% 19.80% / 1.000);--palette-31:hsl(151 33.60% 50.39% / 1.000);--palette-32:hsl(151 37.65% 33.33% / 1.000);--palette-33:hsl(151 31.25% 62.35% / 1.000);--palette-34:hsl(151 57.89% 73.92% / 1.000);--palette-35:hsl(151 100.00% 91.76% / 0.208);--palette-36:hsl(151 100.00% 86.86% / 0.071);--palette-37:hsl(151 50.68% 71.37% / 0.051);--palette-38:hsl(151 100.00% 91.76% / 0.333);--palette-39:hsl(151 100.00% 86.86% / 0.102);--palette-40:hsl(151 61.66% 62.16% / 0.149);--palette-41:hsl(151 47.45% 26.86% / 0.682);--palette-42:hsl(151 35.80% 15.88% / 0.631);--palette-43:hsl(151 100.00% 82.16% / 0.361);--palette-44:hsl(151 66.67% 69.41% / 0.180);--palette-45:hsl(151 100.00% 75.69% / 0.153);--palette-46:hsl(151 44.44% 31.76% / 1.000);--palette-47:hsl(151 42.57% 19.80% / 1.000);--palette-48:hsl(151 100.00% 98.24% / 1.000);--palette-49:hsl(151 50.99% 29.61% / 0.125);--palette-50:hsl(151 100.00% 86.67% / 0.533);--palette-51:hsl(151 100.00% 79.02% / 0.098);--palette-52:hsl(151 100.00% 79.02% / 0.027);--palette-53:hsl(151 100.00% 79.02% / 0.020);--palette-54:hsl(151 100.00% 5.49% / 0.267);--palette-55:hsl(151 100.00% 93.73% / 0.502);--palette-56:hsl(151 78.26% 90.98% / 1.000);--palette-57:hsl(151 100.00% 82.55% / 0.075);--palette-58:hsl(151 100.00% 96.27% / 1.000);--palette-59:hsl(151 52.63% 85.10% / 1.000);--palette-60:hsl(151 100.00% 90.39% / 0.102);--palette-61:hsl(151 66.67% 87.06% / 1.000);--palette-62:hsl(151 61.83% 74.31% / 1.000);--palette-63:hsl(151 11.46% 49.61% / 1.000);--palette-64:hsl(151 41.50% 50.39% / 1.000);--palette-65:hsl(151 48.96% 37.65% / 1.000);--palette-66:hsl(151 52.80% 68.43% / 0.169);--palette-67:hsl(151 100.00% 83.92% / 0.251);--palette-68:hsl(151 74.29% 13.73% / 0.125);--palette-69:hsl(151 100.00% 83.92% / 0.439);--palette-70:hsl(151 52.86% 27.45% / 0.200);--palette-71:hsl(151 30.94% 72.75% / 1.000);--palette-72:hsl(151 58.14% 66.27% / 0.098);--palette-73:hsl(151 58.14% 66.27% / 0.027);--palette-74:hsl(151 40.74% 78.82% / 1.000);--palette-75:hsl(151 37.56% 43.33% / 1.000);--palette-76:hsl(151 53.94% 67.65% / 1.000);--palette-77:hsl(151 64.97% 65.29% / 0.071);--palette-78:hsl(151 44.86% 47.65% / 0.169);--palette-79:hsl(151 100.00% 83.73% / 0.141);--palette-80:hsl(151 60.00% 70.59% / 0.200);--palette-81:hsl(151 73.33% 2.94% / 0.600);--palette-82:hsl(151 77.22% 84.51% / 1.000);--palette-83:hsl(151 53.09% 15.88% / 1.000);--palette-84:hsl(151 100.00% 89.61% / 0.208);--palette-85:hsl(151 69.93% 70.00% / 0.110);--palette-86:hsl(151 100.00% 86.47% / 0.102);--palette-87:hsl(151 42.39% 52.35% / 0.078);--palette-88:hsl(151 100.00% 81.37% / 1.000);--palette-89:hsl(151 40.74% 21.18% / 0.086);--palette-90:hsl(151 100.00% 98.43% / 1.000);--palette-91:hsl(151 54.55% 8.63% / 0.071);--palette-92:hsl(151 53.46% 31.18% / 1.000);--palette-93:hsl(151 42.39% 52.35% / 0.102);--palette-94:hsl(151 40.74% 21.18% / 0.039);--palette-95:hsl(151 29.73% 14.51% / 1.000);--palette-96:hsl(151 50.00% 95.29% / 1.000);--palette-97:hsl(151 37.50% 47.06% / 0.102);--palette-98:hsl(151 43.94% 25.88% / 0.031);--palette-99:hsl(151 100.00% 89.61% / 0.188);--palette-100:hsl(151 100.00% 89.61% / 0.063);--accent:#286344;--accent-ink:#fff}
html[data-accent="forest"] body{--accent:#286344;--focus:hsl(151 65% 73%)}html[data-accent="forest"] body.light{--accent:#286344;--focus:#286344}
html[data-accent="copper"]{--palette-0:hsl(24 21.43% 5.49% / 1.000);--palette-1:hsl(24 100.00% 97.65% / 1.000);--palette-2:hsl(24 17.14% 72.55% / 1.000);--palette-3:hsl(24 13.29% 66.08% / 1.000);--palette-4:hsl(24 22.22% 17.65% / 1.000);--palette-5:hsl(24 47.04% 49.61% / 1.000);--palette-6:hsl(24 100.00% 81.96% / 1.000);--palette-7:hsl(24 44.44% 96.47% / 1.000);--palette-8:hsl(24 23.81% 16.47% / 1.000);--palette-9:hsl(24 12.26% 41.57% / 1.000);--palette-10:hsl(24 10.55% 46.47% / 1.000);--palette-11:hsl(24 50.48% 41.18% / 1.000);--palette-12:hsl(24 43.05% 29.61% / 0.039);--palette-13:hsl(24 18.79% 32.35% / 1.000);--palette-14:hsl(24 59.12% 35.49% / 0.333);--palette-15:hsl(24 50.44% 22.16% / 0.165);--palette-16:hsl(24 69.23% 69.41% / 0.020);--palette-17:hsl(24 60.56% 86.08% / 0.467);--palette-18:hsl(24 58.49% 89.61% / 0.333);--palette-19:hsl(24 64.97% 65.29% / 1.000);--palette-20:hsl(24 54.61% 27.65% / 0.039);--palette-21:hsl(24 100.00% 79.80% / 1.000);--palette-22:hsl(24 100.00% 91.96% / 1.000);--palette-23:hsl(24 100.00% 75.88% / 0.129);--palette-24:hsl(24 46.03% 50.59% / 0.086);--palette-25:hsl(24 100.00% 86.47% / 0.208);--palette-26:hsl(24 53.27% 58.04% / 0.075);--palette-27:hsl(24 100.00% 75.10% / 1.000);--palette-28:hsl(24 93.24% 70.98% / 0.267);--palette-29:hsl(24 17.24% 39.80% / 1.000);--palette-30:hsl(24 24.75% 19.80% / 1.000);--palette-31:hsl(24 33.60% 50.39% / 1.000);--palette-32:hsl(24 37.65% 33.33% / 1.000);--palette-33:hsl(24 31.25% 62.35% / 1.000);--palette-34:hsl(24 57.89% 73.92% / 1.000);--palette-35:hsl(24 100.00% 91.76% / 0.208);--palette-36:hsl(24 100.00% 86.86% / 0.071);--palette-37:hsl(24 50.68% 71.37% / 0.051);--palette-38:hsl(24 100.00% 91.76% / 0.333);--palette-39:hsl(24 100.00% 86.86% / 0.102);--palette-40:hsl(24 61.66% 62.16% / 0.149);--palette-41:hsl(24 47.45% 26.86% / 0.682);--palette-42:hsl(24 35.80% 15.88% / 0.631);--palette-43:hsl(24 100.00% 82.16% / 0.361);--palette-44:hsl(24 66.67% 69.41% / 0.180);--palette-45:hsl(24 100.00% 75.69% / 0.153);--palette-46:hsl(24 44.44% 31.76% / 1.000);--palette-47:hsl(24 42.57% 19.80% / 1.000);--palette-48:hsl(24 100.00% 98.24% / 1.000);--palette-49:hsl(24 50.99% 29.61% / 0.125);--palette-50:hsl(24 100.00% 86.67% / 0.533);--palette-51:hsl(24 100.00% 79.02% / 0.098);--palette-52:hsl(24 100.00% 79.02% / 0.027);--palette-53:hsl(24 100.00% 79.02% / 0.020);--palette-54:hsl(24 100.00% 5.49% / 0.267);--palette-55:hsl(24 100.00% 93.73% / 0.502);--palette-56:hsl(24 78.26% 90.98% / 1.000);--palette-57:hsl(24 100.00% 82.55% / 0.075);--palette-58:hsl(24 100.00% 96.27% / 1.000);--palette-59:hsl(24 52.63% 85.10% / 1.000);--palette-60:hsl(24 100.00% 90.39% / 0.102);--palette-61:hsl(24 66.67% 87.06% / 1.000);--palette-62:hsl(24 61.83% 74.31% / 1.000);--palette-63:hsl(24 11.46% 49.61% / 1.000);--palette-64:hsl(24 41.50% 50.39% / 1.000);--palette-65:hsl(24 48.96% 37.65% / 1.000);--palette-66:hsl(24 52.80% 68.43% / 0.169);--palette-67:hsl(24 100.00% 83.92% / 0.251);--palette-68:hsl(24 74.29% 13.73% / 0.125);--palette-69:hsl(24 100.00% 83.92% / 0.439);--palette-70:hsl(24 52.86% 27.45% / 0.200);--palette-71:hsl(24 30.94% 72.75% / 1.000);--palette-72:hsl(24 58.14% 66.27% / 0.098);--palette-73:hsl(24 58.14% 66.27% / 0.027);--palette-74:hsl(24 40.74% 78.82% / 1.000);--palette-75:hsl(24 37.56% 43.33% / 1.000);--palette-76:hsl(24 53.94% 67.65% / 1.000);--palette-77:hsl(24 64.97% 65.29% / 0.071);--palette-78:hsl(24 44.86% 47.65% / 0.169);--palette-79:hsl(24 100.00% 83.73% / 0.141);--palette-80:hsl(24 60.00% 70.59% / 0.200);--palette-81:hsl(24 73.33% 2.94% / 0.600);--palette-82:hsl(24 77.22% 84.51% / 1.000);--palette-83:hsl(24 53.09% 15.88% / 1.000);--palette-84:hsl(24 100.00% 89.61% / 0.208);--palette-85:hsl(24 69.93% 70.00% / 0.110);--palette-86:hsl(24 100.00% 86.47% / 0.102);--palette-87:hsl(24 42.39% 52.35% / 0.078);--palette-88:hsl(24 100.00% 81.37% / 1.000);--palette-89:hsl(24 40.74% 21.18% / 0.086);--palette-90:hsl(24 100.00% 98.43% / 1.000);--palette-91:hsl(24 54.55% 8.63% / 0.071);--palette-92:hsl(24 53.46% 31.18% / 1.000);--palette-93:hsl(24 42.39% 52.35% / 0.102);--palette-94:hsl(24 40.74% 21.18% / 0.039);--palette-95:hsl(24 29.73% 14.51% / 1.000);--palette-96:hsl(24 50.00% 95.29% / 1.000);--palette-97:hsl(24 37.50% 47.06% / 0.102);--palette-98:hsl(24 43.94% 25.88% / 0.031);--palette-99:hsl(24 100.00% 89.61% / 0.188);--palette-100:hsl(24 100.00% 89.61% / 0.063);--accent:#934b24;--accent-ink:#fff}
html[data-accent="copper"] body{--accent:#934b24;--focus:hsl(24 65% 73%)}html[data-accent="copper"] body.light{--accent:#934b24;--focus:#934b24}
.accent-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.accent-option{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--hover);color:var(--text)}.accent-option:hover{background:var(--line)}.accent-option[aria-pressed="true"]{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.accent-swatch{width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid currentColor;flex-shrink:0}.accent-check{width:16px;visibility:hidden}.accent-option[aria-pressed="true"] .accent-check{visibility:visible}.accent-heading{margin-top:24px}
html[data-accent="navy"]{--palette-surface-0:hsl(218 24.32% 14.51% / .64);--palette-surface-1:hsl(218 100.00% 90.00% / .12);--palette-surface-2:hsl(218 100.00% 85.49% / .065);--palette-surface-3:hsl(218 34.52% 32.94% / .12);--palette-surface-4:hsl(218 42.61% 45.10% / .055);--palette-surface-5:hsl(218 21.88% 12.55% / .65);--palette-surface-6:hsl(218 28.36% 13.14% / .86);--palette-surface-7:hsl(218 100.00% 98.82% / .9);--palette-surface-8:hsl(218 33.33% 10.00% / .36);--palette-surface-9:hsl(218 100.00% 97.45% / .3);--palette-surface-10:hsl(218 100.00% 92.35% / .2);--palette-surface-11:hsl(218 75.00% 82.75% / .1);--palette-surface-12:hsl(218 100.00% 91.37% / .09);--palette-surface-13:hsl(218 100.00% 91.37% / .025);--palette-surface-14:hsl(218 100.00% 97.06% / .32);--palette-surface-15:hsl(218 100.00% 97.06% / .12);--palette-surface-16:hsl(218 100.00% 89.41% / .08);--palette-surface-17:hsl(218 63.64% 4.31% / .12);--palette-surface-18:hsl(218 36.76% 49.61% / .07);--card-hue:218}

html[data-accent="petrol"]{--palette-surface-0:hsl(188 24.32% 14.51% / .64);--palette-surface-1:hsl(188 100.00% 90.00% / .12);--palette-surface-2:hsl(188 100.00% 85.49% / .065);--palette-surface-3:hsl(188 34.52% 32.94% / .12);--palette-surface-4:hsl(188 42.61% 45.10% / .055);--palette-surface-5:hsl(188 21.88% 12.55% / .65);--palette-surface-6:hsl(188 28.36% 13.14% / .86);--palette-surface-7:hsl(188 100.00% 98.82% / .9);--palette-surface-8:hsl(188 33.33% 10.00% / .36);--palette-surface-9:hsl(188 100.00% 97.45% / .3);--palette-surface-10:hsl(188 100.00% 92.35% / .2);--palette-surface-11:hsl(188 75.00% 82.75% / .1);--palette-surface-12:hsl(188 100.00% 91.37% / .09);--palette-surface-13:hsl(188 100.00% 91.37% / .025);--palette-surface-14:hsl(188 100.00% 97.06% / .32);--palette-surface-15:hsl(188 100.00% 97.06% / .12);--palette-surface-16:hsl(188 100.00% 89.41% / .08);--palette-surface-17:hsl(188 63.64% 4.31% / .12);--palette-surface-18:hsl(188 36.76% 49.61% / .07);--card-hue:188}

html[data-accent="forest"]{--palette-surface-0:hsl(151 24.32% 14.51% / .64);--palette-surface-1:hsl(151 100.00% 90.00% / .12);--palette-surface-2:hsl(151 100.00% 85.49% / .065);--palette-surface-3:hsl(151 34.52% 32.94% / .12);--palette-surface-4:hsl(151 42.61% 45.10% / .055);--palette-surface-5:hsl(151 21.88% 12.55% / .65);--palette-surface-6:hsl(151 28.36% 13.14% / .86);--palette-surface-7:hsl(151 100.00% 98.82% / .9);--palette-surface-8:hsl(151 33.33% 10.00% / .36);--palette-surface-9:hsl(151 100.00% 97.45% / .3);--palette-surface-10:hsl(151 100.00% 92.35% / .2);--palette-surface-11:hsl(151 75.00% 82.75% / .1);--palette-surface-12:hsl(151 100.00% 91.37% / .09);--palette-surface-13:hsl(151 100.00% 91.37% / .025);--palette-surface-14:hsl(151 100.00% 97.06% / .32);--palette-surface-15:hsl(151 100.00% 97.06% / .12);--palette-surface-16:hsl(151 100.00% 89.41% / .08);--palette-surface-17:hsl(151 63.64% 4.31% / .12);--palette-surface-18:hsl(151 36.76% 49.61% / .07);--card-hue:151}

html[data-accent="copper"]{--palette-surface-0:hsl(24 24.32% 14.51% / .64);--palette-surface-1:hsl(24 100.00% 90.00% / .12);--palette-surface-2:hsl(24 100.00% 85.49% / .065);--palette-surface-3:hsl(24 34.52% 32.94% / .12);--palette-surface-4:hsl(24 42.61% 45.10% / .055);--palette-surface-5:hsl(24 21.88% 12.55% / .65);--palette-surface-6:hsl(24 28.36% 13.14% / .86);--palette-surface-7:hsl(24 100.00% 98.82% / .9);--palette-surface-8:hsl(24 33.33% 10.00% / .36);--palette-surface-9:hsl(24 100.00% 97.45% / .3);--palette-surface-10:hsl(24 100.00% 92.35% / .2);--palette-surface-11:hsl(24 75.00% 82.75% / .1);--palette-surface-12:hsl(24 100.00% 91.37% / .09);--palette-surface-13:hsl(24 100.00% 91.37% / .025);--palette-surface-14:hsl(24 100.00% 97.06% / .32);--palette-surface-15:hsl(24 100.00% 97.06% / .12);--palette-surface-16:hsl(24 100.00% 89.41% / .08);--palette-surface-17:hsl(24 63.64% 4.31% / .12);--palette-surface-18:hsl(24 36.76% 49.61% / .07);--card-hue:24}

/* Card surfaces follow the accent in both appearance modes. */
@media screen{html[data-accent]:not([data-accent="purple"]) body{--surface:hsl(var(--card-hue) 32% 15% / .84);--surface-raised:hsl(var(--card-hue) 28% 19%)}html[data-accent]:not([data-accent="purple"]) body.light{--surface:hsl(var(--card-hue) 38% 95% / .9);--surface-raised:hsl(var(--card-hue) 38% 97%)}}