/* ═══════════════════════════════════════════════════════════════════════════
   RMQ CENTRAL STYLE SHEET — colors and themes.            (Robert, 2026-09-27)

   Every color in the app lives HERE. Pages hold no colors of their own: they
   say var(--teal), and this file says what teal is in each theme.

   * Change a color here and it changes on every page.
   * Dark is the original RMQ look, value for value.
   * To add a theme: copy a block, change the values, add a row to the
     appearance_theme table. No page changes.
   * A token ending in -rgb is the same color as three numbers, for see-through
     uses:  rgb(var(--red-rgb) / 0.2)
   * This file is edited by hand. (It was first written by restyle/themegen.py; that
     tool is a one-time bootstrap and must not be run over this file again.)
   * tests/test_no_hardcoded_colors.py fails the build if a page carries a
     color literal. RMQ Service carries a byte-identical copy of this file.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Dark (default) ── */
:root, [data-theme="dark"] {
  color-scheme: dark;
  /* bg */
  --bg-1: #1a1a2e;
  --bg-1-rgb: 26 26 46;
  --bg-2: #16213e;
  --bg-2-rgb: 22 33 62;
  --bg-3: #0f3460;
  --bg-3-rgb: 15 52 96;
  --bg-deep: #0a0a18;
  --bg-deep-rgb: 10 10 24;
  /* text */
  --text: #ffffff;
  --text-a25: rgba(255, 255, 255, 0.25);
  --text-a30: rgba(255, 255, 255, 0.3);
  --text-a35: rgba(255, 255, 255, 0.35);
  --text-a40: rgba(255, 255, 255, 0.4);
  --text-a45: rgba(255, 255, 255, 0.45);
  --text-a50: rgba(255, 255, 255, 0.5);
  --text-a55: rgba(255, 255, 255, 0.55);
  --text-a60: rgba(255, 255, 255, 0.6);
  --text-a65: rgba(255, 255, 255, 0.65);
  --text-a70: rgba(255, 255, 255, 0.7);
  --text-a85: rgba(255, 255, 255, 0.85);
  --text-a90: rgba(255, 255, 255, 0.9);
  --text-a75: rgba(255, 255, 255, 0.75);
  /* ink */
  --ink: #1a1a2e;
  --ink-2: #16213e;
  --ink-3: #0f3460;
  --ink-deep: #0a0a18;
  /* on */
  --on-accent: #ffffff;
  /* white */
  --white: #ffffff;
  /* black */
  --black: #000000;
  --black-fixed: #000000;
  /* surface */
  --surface-02: rgba(255, 255, 255, 0.02);
  --surface-03: rgba(255, 255, 255, 0.03);
  --surface-04: rgba(255, 255, 255, 0.04);
  --surface-05: rgba(255, 255, 255, 0.05);
  --surface-06: rgba(255, 255, 255, 0.06);
  --surface-07: rgba(255, 255, 255, 0.07);
  --surface-08: rgba(255, 255, 255, 0.08);
  --surface-10: rgba(255, 255, 255, 0.1);
  --surface-12: rgba(255, 255, 255, 0.12);
  --surface-15: rgba(255, 255, 255, 0.15);
  --surface-20: rgba(255, 255, 255, 0.2);
  --surface-95: rgba(255, 255, 255, 0.95);
  --surface-14: rgba(255, 255, 255, 0.14);
  --surface-16: rgba(255, 255, 255, 0.16);
  --surface-26: rgba(255, 255, 255, 0.26);
  /* line */
  --line-04: rgba(255, 255, 255, 0.04);
  --line-05: rgba(255, 255, 255, 0.05);
  --line-06: rgba(255, 255, 255, 0.06);
  --line-08: rgba(255, 255, 255, 0.08);
  --line-10: rgba(255, 255, 255, 0.1);
  --line-12: rgba(255, 255, 255, 0.12);
  --line-14: rgba(255, 255, 255, 0.14);
  --line-15: rgba(255, 255, 255, 0.15);
  --line-18: rgba(255, 255, 255, 0.18);
  --line-20: rgba(255, 255, 255, 0.2);
  --line-25: rgba(255, 255, 255, 0.25);
  --line-30: rgba(255, 255, 255, 0.3);
  --line-35: rgba(255, 255, 255, 0.35);
  --line-40: rgba(255, 255, 255, 0.4);
  --line-60: rgba(255, 255, 255, 0.6);
  --line-07: rgba(255, 255, 255, 0.07);
  --line-16: rgba(255, 255, 255, 0.16);
  --line-50: rgba(255, 255, 255, 0.5);
  --line-55: rgba(255, 255, 255, 0.55);
  --line-09: rgba(255, 255, 255, 0.09);
  /* scrim */
  --scrim-18: rgba(0, 0, 0, 0.18);
  --scrim-20: rgba(0, 0, 0, 0.2);
  --scrim-30: rgba(0, 0, 0, 0.3);
  --scrim-40: rgba(0, 0, 0, 0.4);
  --scrim-50: rgba(0, 0, 0, 0.5);
  --scrim-55: rgba(0, 0, 0, 0.55);
  --scrim-65: rgba(0, 0, 0, 0.65);
  --scrim-70: rgba(0, 0, 0, 0.7);
  --scrim-80: rgba(0, 0, 0, 0.8);
  --scrim-85: rgba(0, 0, 0, 0.85);
  --scrim-25: rgba(0, 0, 0, 0.25);
  --scrim-35: rgba(0, 0, 0, 0.35);
  /* shadow */
  --shadow: #000000;
  --shadow-rgb: 0 0 0;
  /* glow */
  --glow: #ffffff;
  --glow-rgb: 255 255 255;
  /* red */
  --red: #e94560;
  --red-rgb: 233 69 96;
  --red-150: #f0c0c8;
  --red-200: #ff6b8a;
  --red-225: #ff8095;
  --red-250: #ff8aa0;
  --red-275: #ff8090;
  --red-300: #f87171;
  --red-300-rgb: 248 113 113;
  --red-325: #c0a0a0;
  --red-350: #ff4757;
  --red-350-rgb: 255 71 87;
  --red-375: #ff5050;
  --red-375-rgb: 255 80 80;
  --red-400: #ef4444;
  --red-400-rgb: 239 68 68;
  --red-425: #d63850;
  --red-450: #d63651;
  --red-475: #e74c3c;
  --red-475-rgb: 231 76 60;
  --red-500: #c23152;
  --red-525: #c73652;
  --red-525-rgb: 199 54 82;
  --red-550: #c73659;
  --red-575: #c73e54;
  --red-600: #d83651;
  --red-dark: #c73650;
  --red-625: #b8336a;
  --red-175: #ff5670;
  /* coral */
  --coral: #ff6b6b;
  --coral-rgb: 255 107 107;
  /* orange */
  --orange: #ffa502;
  --orange-rgb: 255 165 2;
  --orange-250: #ff9f7f;
  --orange-325: #f97316;
  --orange-350: #f0a040;
  --orange-375: #d4a053;
  --orange-400: #fb923c;
  --orange-400-rgb: 251 146 60;
  --orange-425: #f0ad4e;
  --orange-425-rgb: 240 173 78;
  --orange-450: #ff9800;
  --orange-450-rgb: 255 152 0;
  --orange-475: #ffa500;
  --orange-475-rgb: 255 165 0;
  --orange-50: #fff3e0;
  --orange-500: #f59e0b;
  --orange-500-rgb: 245 158 11;
  --orange-525: #f39c12;
  --orange-525-rgb: 243 156 18;
  --orange-550: #e67e22;
  --orange-550-rgb: 230 126 34;
  --orange-575: #c4922f;
  --orange-600: #e8950a;
  --orange-700: #5d4037;
  --orange-750: #7a4a00;
  --orange-440: #ff9f43;
  /* gold */
  --gold: #f7d94e;
  --gold-rgb: 247 217 78;
  --gold-200: #f9e89a;
  --gold-400: #f0c640;
  --gold-450: #fbbf24;
  --gold-500: #daa520;
  --gold-500-rgb: 218 165 32;
  --gold-525: #ffd700;
  --gold-525-rgb: 255 215 0;
  --gold-600: #b8860b;
  --gold-deep: #f1c40f;
  --gold-deep-rgb: 241 196 15;
  --gold-150-fixed: #fff3bf;
  --gold-225: #ffe3a3;
  --gold-250: #ffe98a;
  /* green */
  --green: #2ed573;
  --green-rgb: 46 213 115;
  --green-200: #a8f0c4;
  --green-400: #4ade80;
  --green-400-rgb: 74 222 128;
  --green-450: #25b864;
  --green-475: #4caf50;
  --green-50: #e8f5e9;
  --green-500: #2ecc71;
  --green-500-rgb: 46 204 113;
  --green-525: #34c759;
  --green-525-rgb: 52 199 89;
  --green-550: #22c55e;
  --green-550-rgb: 34 197 94;
  --green-575: #00d632;
  --green-600: #10b981;
  --green-625: #25b35c;
  --green-650: #00d54b;
  --green-675: #26b85f;
  --green-700: #27ae60;
  --green-900: #08210f;
  /* teal */
  --teal: #4ecdc4;
  --teal-rgb: 78 205 196;
  --teal-150: #c8e8e5;
  --teal-350: #6ee0d8;
  --teal-475: #3db8b0;
  --teal-525: #38b2ac;
  --teal-550: #44a08d;
  --teal-575: #2fa89f;
  --teal-600: #1abc9c;
  --teal-600-rgb: 26 188 156;
  --teal-650: #44a89e;
  --teal-900: #06231f;
  --teal-300: #7fe0d9;
  --teal-560: #3ab5ad;
  --teal-625: #2a9f96;
  /* cyan */
  --cyan-400: #33ccff;
  --cyan-50: #e9edef;
  --cyan-550: #2980b9;
  --cyan-100-fixed: #d0eaf6;
  --cyan-25-fixed: #f6fbfe;
  --cyan-75: #e3f1fa;
  /* blue */
  --blue: #3498db;
  --blue-rgb: 52 152 219;
  --blue-100-fixed: #e5e7eb;
  --blue-150: #cfd2e6;
  --blue-300: #6496ff;
  --blue-300-rgb: 100 150 255;
  --blue-350: #667eea;
  --blue-350-rgb: 102 126 234;
  --blue-375: #94a3b8;
  --blue-400: #3b82f6;
  --blue-400-rgb: 59 130 246;
  --blue-425: #4285f4;
  --blue-425-rgb: 66 133 244;
  --blue-450: #2196f3;
  --blue-50: #e3f2fd;
  --blue-500: #008cff;
  --blue-600: #0078d4;
  --blue-600-rgb: 0 120 212;
  --blue-650: #4b5563;
  --blue-700: #34495e;
  --blue-700-rgb: 52 73 94;
  --blue-725: #3a3f55;
  --blue-75-fixed: #f3f4f6;
  --blue-750: #003087;
  --blue-775: #334155;
  --blue-175: #cfd3dc;
  --blue-25: #e8eaf0;
  --blue-250: #9fc4ea;
  --blue-325-fixed: #7da9db;
  --blue-525: #387bc7;
  --blue-525-rgb: 56 123 199;
  --blue-525-fixed: #387bc7;
  --blue-625-fixed: #1c6bb0;
  --blue-125: #dfe2ea;
  --blue-200: #c2c6d0;
  --blue-475: #8e9aaf;
  --blue-675: #1b4a7c;
  /* indigo */
  --indigo-100: #e6e6ec;
  --indigo-125: #b9adff;
  --indigo-150: #c9c2f0;
  --indigo-175: #b9aaff;
  --indigo-200: #a29bfe;
  --indigo-225: #b3a8ff;
  --indigo-250: #b9aefc;
  --indigo-275: #c0c0d0;
  --indigo-300: #8e7ce6;
  --indigo-325: #635bff;
  --indigo-325-rgb: 99 91 255;
  --indigo-400: #4a3fff;
  --indigo-75: #b8aef9;
  --indigo-350: #b8b8c8;
  --indigo-375: #c9c9d6;
  --indigo-50: #e8e8f0;
  /* purple */
  --purple: #6c5ce7;
  --purple-rgb: 108 92 231;
  --purple-550: #764ba2;
  --purple-575: #6d1ed4;
  --purple-350: #b07cd0;
  /* violet */
  --violet: #9b59b6;
  --violet-rgb: 155 89 182;
  /* navy */
  --navy-1000: #0b141a;
  --navy-1025: #1f2937;
  --navy-700: #1e2a4a;
  --navy-725: #1e293b;
  --navy-750: #1a1a3e;
  --navy-775: #162040;
  --navy-800: #141428;
  --navy-800-rgb: 20 20 40;
  --navy-825: #11112a;
  --navy-850: #0f0f1a;
  --navy-875: #0f1729;
  --navy-900: #0f0f23;
  --navy-925: #101028;
  --navy-950: #0d0d22;
  --navy-975: #05060f;
  --navy-975-rgb: 5 6 15;
  --navy-1075: #0f1428;
  --navy-1075-rgb: 15 20 40;
  --navy-1100: #050814;
  --navy-1100-rgb: 5 8 20;
  --navy-1125: #0a0c18;
  --navy-1125-rgb: 10 12 24;
  --navy-675: #131a33;
  --navy-1050: #0a0c19;
  /* gray */
  --gray-1a: #1a1a1a;
  --gray-200: #c9c9d4;
  --gray-22-fixed: #222222;
  --gray-300: #b0b0c0;
  --gray-33: #333333;
  --gray-400: #95a5a6;
  --gray-400-rgb: 149 165 166;
  --gray-425: #8a8f98;
  --gray-44: #444444;
  --gray-450: #7f8c8d;
  --gray-450-rgb: 127 140 141;
  --gray-475: #8a8a95;
  --gray-50: #505050;
  --gray-500: #707089;
  --gray-525: #6b7a82;
  --gray-55: #555555;
  --gray-550: #6b7280;
  --gray-550-rgb: 107 114 128;
  --gray-575: #6a6a7a;
  --gray-60: #606060;
  --gray-600: #5f5f6b;
  --gray-650: #5a5a64;
  --gray-66: #666666;
  --gray-70: #707070;
  --gray-700: #4a4a56;
  --gray-77: #777777;
  --gray-80: #808080;
  --gray-800: #2a2f33;
  --gray-88: #888888;
  --gray-88-fixed: #888888;
  --gray-90: #909090;
  --gray-99: #999999;
  --gray-a0: #a0a0a0;
  --gray-a0-rgb: 160 160 160;
  --gray-aa: #aaaaaa;
  --gray-b0: #b0b0b0;
  --gray-bb: #bbbbbb;
  --gray-c0: #c0c0c0;
  --gray-cc: #cccccc;
  --gray-cc-fixed: #cccccc;
  --gray-cf: #cfcfcf;
  --gray-d0: #d0d0d0;
  --gray-dd: #dddddd;
  --gray-e0: #e0e0e0;
  --gray-e8: #e8e8e8;
  --gray-ee: #eeeeee;
  --gray-225: #c7c7d2;
  --gray-375: #8a8a9a;
  --gray-6b: #6b6b6b;
  --gray-7a: #7a7a7a;
  --gray-850: #231f20;
  --gray-850-fixed: #231f20;
  --gray-8a: #8a8a8a;
  --gray-b8: #b8b8b8;
  --gray-c8: #c8c8c8;
  --gray-f2: #f2f2f2;
  --gray-350: #7e7e90;
  --gray-625: #6f6f84;
  --pink-250: #d4abcd;
  --pink-550: #a3479a;
  --pink-700: #841173;
  --pink-700-rgb: 132 17 115;
  /* icons (data: URIs can't read tokens, so each theme carries its own copy) */
  --icon-caret: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e94560' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
  --icon-caret-small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23e94560' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  --icon-caret-solid: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23e94560%22%20d%3D%22M6%209L1%204h10z%22%2F%3E%3C%2Fsvg%3E');
  --icon-check-green: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2322c55e" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
  --icon-check-teal: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234ecdc4" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
}

/* ── Light ── accents are deepened so they stay readable on a light page */
[data-theme="light"] {
  color-scheme: light;
  /* bg */
  --bg-1: #f7f8fb;
  --bg-1-rgb: 247 248 251;
  --bg-2: #eef1f7;
  --bg-2-rgb: 238 241 247;
  --bg-3: #e3e9f4;
  --bg-3-rgb: 227 233 244;
  --bg-deep: #ffffff;
  --bg-deep-rgb: 255 255 255;
  /* text */
  --text: #16213e;
  --text-a25: rgba(22, 33, 62, 0.35);
  --text-a30: rgba(22, 33, 62, 0.4);
  --text-a35: rgba(22, 33, 62, 0.45);
  --text-a40: rgba(22, 33, 62, 0.5);
  --text-a45: rgba(22, 33, 62, 0.55);
  --text-a50: rgba(22, 33, 62, 0.6);
  --text-a55: rgba(22, 33, 62, 0.65);
  --text-a60: rgba(22, 33, 62, 0.7);
  --text-a65: rgba(22, 33, 62, 0.75);
  --text-a70: rgba(22, 33, 62, 0.8);
  --text-a85: rgba(22, 33, 62, 0.95);
  --text-a90: rgba(22, 33, 62, 1);
  --text-a75: rgba(22, 33, 62, 0.85);
  /* ink */
  --ink: #ffffff;
  --ink-2: #ffffff;
  --ink-3: #ffffff;
  --ink-deep: #ffffff;
  /* on */
  /* white */
  /* black */
  /* surface */
  --surface-02: rgba(255, 255, 255, 0.28);
  --surface-03: rgba(255, 255, 255, 0.42);
  --surface-04: rgba(255, 255, 255, 0.56);
  --surface-05: rgba(255, 255, 255, 0.7);
  --surface-06: rgba(255, 255, 255, 0.84);
  --surface-07: rgba(255, 255, 255, 0.98);
  --surface-08: rgba(255, 255, 255, 1);
  --surface-10: rgba(255, 255, 255, 1);
  --surface-12: rgba(255, 255, 255, 1);
  --surface-15: rgba(255, 255, 255, 1);
  --surface-20: rgba(255, 255, 255, 1);
  --surface-95: rgba(255, 255, 255, 0.95);
  --surface-14: rgba(255, 255, 255, 1);
  --surface-16: rgba(255, 255, 255, 1);
  --surface-26: rgba(255, 255, 255, 1);
  /* line */
  --line-04: rgba(22, 33, 62, 0.044);
  --line-05: rgba(22, 33, 62, 0.055);
  --line-06: rgba(22, 33, 62, 0.066);
  --line-08: rgba(22, 33, 62, 0.088);
  --line-10: rgba(22, 33, 62, 0.11);
  --line-12: rgba(22, 33, 62, 0.132);
  --line-14: rgba(22, 33, 62, 0.154);
  --line-15: rgba(22, 33, 62, 0.165);
  --line-18: rgba(22, 33, 62, 0.198);
  --line-20: rgba(22, 33, 62, 0.22);
  --line-25: rgba(22, 33, 62, 0.275);
  --line-30: rgba(22, 33, 62, 0.33);
  --line-35: rgba(22, 33, 62, 0.385);
  --line-40: rgba(22, 33, 62, 0.44);
  --line-60: rgba(22, 33, 62, 0.66);
  --line-07: rgba(22, 33, 62, 0.077);
  --line-16: rgba(22, 33, 62, 0.176);
  --line-50: rgba(22, 33, 62, 0.55);
  --line-55: rgba(22, 33, 62, 0.605);
  --line-09: rgba(22, 33, 62, 0.099);
  /* scrim */
  --scrim-18: rgba(22, 33, 62, 0.108);
  --scrim-20: rgba(22, 33, 62, 0.12);
  --scrim-30: rgba(22, 33, 62, 0.18);
  --scrim-40: rgba(22, 33, 62, 0.24);
  --scrim-50: rgba(22, 33, 62, 0.3);
  --scrim-55: rgba(22, 33, 62, 0.33);
  --scrim-65: rgba(22, 33, 62, 0.39);
  --scrim-70: rgba(22, 33, 62, 0.42);
  --scrim-80: rgba(22, 33, 62, 0.48);
  --scrim-85: rgba(22, 33, 62, 0.51);
  --scrim-25: rgba(22, 33, 62, 0.15);
  --scrim-35: rgba(22, 33, 62, 0.21);
  /* shadow */
  --shadow: #16213e;
  --shadow-rgb: 22 33 62;
  /* glow */
  --glow: #ffffff;
  --glow-rgb: 255 255 255;
  /* red */
  --red: #d93a55;
  --red-rgb: 217 58 85;
  --red-150: #d6556a;
  --red-200: #ff1949;
  --red-225: #ff1a40;
  --red-250: #ff1a45;
  --red-275: #ff1a37;
  --red-300: #f53737;
  --red-300-rgb: 245 55 55;
  --red-325: #a47575;
  --red-350: #ff1e32;
  --red-350-rgb: 255 30 50;
  --red-375: #ff1d1d;
  --red-375-rgb: 255 29 29;
  --red-400: #ef3f3f;
  --red-400-rgb: 239 63 63;
  --red-425: #d63850;
  --red-450: #d63651;
  --red-475: #e64837;
  --red-475-rgb: 230 72 55;
  --red-500: #c23152;
  --red-525: #c73652;
  --red-525-rgb: 199 54 82;
  --red-550: #c73659;
  --red-575: #c73e54;
  --red-600: #d83651;
  --red-dark: #b92c46;
  --red-625: #b8336a;
  --red-175: #ff193c;
  /* coral */
  --coral: #d63b3b;
  --coral-rgb: 214 59 59;
  /* orange */
  --orange: #b86e00;
  --orange-rgb: 184 110 0;
  --orange-250: #ef3c00;
  --orange-325: #d65b06;
  --orange-350: #bb6d0f;
  --orange-375: #ab772b;
  --orange-400: #b04e00;
  --orange-400-rgb: 176 78 0;
  --orange-425: #b4700f;
  --orange-425-rgb: 180 112 15;
  --orange-450: #b86d00;
  --orange-450-rgb: 184 109 0;
  --orange-475: #b27300;
  --orange-475-rgb: 178 115 0;
  --orange-50: #b77000;
  --orange-500: #b17207;
  --orange-500-rgb: 177 114 7;
  --orange-525: #b47209;
  --orange-525-rgb: 180 114 9;
  --orange-550: #c46816;
  --orange-550-rgb: 196 104 22;
  --orange-575: #a37927;
  --orange-600: #b27208;
  --orange-700: #5d4037;
  --orange-750: #7a4a00;
  --orange-440: #cd6400;
  /* gold */
  --gold: #856200;
  --gold-rgb: 133 98 0;
  --gold-200: #9a8009;
  --gold-400: #9f7c0c;
  --gold-450: #a77903;
  --gold-500: #a07918;
  --gold-500-rgb: 160 121 24;
  --gold-525: #947d00;
  --gold-525-rgb: 148 125 0;
  --gold-600: #a5780a;
  --gold-deep: #9a7400;
  --gold-deep-rgb: 154 116 0;
  --gold-225: #ad7800;
  --gold-250: #997c00;
  /* green */
  --green: #157f41;
  --green-rgb: 21 127 65;
  --green-200: #199449;
  --green-400: #1b9347;
  --green-400-rgb: 27 147 71;
  --green-450: #1d924f;
  --green-475: #409343;
  --green-50: #3f9045;
  --green-500: #219251;
  --green-500-rgb: 33 146 81;
  --green-525: #269241;
  --green-525-rgb: 38 146 65;
  --green-550: #1a9547;
  --green-550-rgb: 26 149 71;
  --green-575: #009423;
  --green-600: #0d9367;
  --green-625: #1f954d;
  --green-650: #009334;
  --green-675: #1e924b;
  --green-700: #219552;
  --green-900: #08210f;
  /* teal */
  --teal: #0b766f;
  --teal-rgb: 11 118 111;
  --teal-150: #3c8f87;
  --teal-350: #1f9189;
  --teal-475: #2f8e88;
  --teal-525: #2d8f8a;
  --teal-550: #3c8e7d;
  --teal-575: #289088;
  --teal-600: #148f77;
  --teal-600-rgb: 20 143 119;
  --teal-650: #3a8f86;
  --teal-900: #06231f;
  --teal-300: #238f87;
  --teal-560: #2e8e88;
  --teal-625: #268f87;
  /* cyan */
  --cyan-400: #008ab8;
  --cyan-50: #6a8592;
  --cyan-550: #2980b9;
  --cyan-75: #2489c9;
  /* blue */
  --blue: #1f6fb2;
  --blue-rgb: 31 111 178;
  --blue-150: #747db7;
  --blue-300: #3b7aff;
  --blue-300-rgb: 59 122 255;
  --blue-350: #627ae9;
  --blue-350-rgb: 98 122 233;
  --blue-375: #6f83a0;
  --blue-400: #317cf6;
  --blue-400-rgb: 49 124 246;
  --blue-425: #347cf3;
  --blue-425-rgb: 52 124 243;
  --blue-450: #0c84e4;
  --blue-50: #1085dc;
  --blue-500: #0081eb;
  --blue-600: #0078d4;
  --blue-600-rgb: 0 120 212;
  --blue-650: #4b5563;
  --blue-700: #34495e;
  --blue-700-rgb: 52 73 94;
  --blue-725: #3a3f55;
  --blue-750: #003087;
  --blue-775: #334155;
  --blue-175: #77829b;
  --blue-25: #7682a6;
  --blue-250: #3684d3;
  --blue-525: #387bc7;
  --blue-525-rgb: 56 123 199;
  --blue-125: #7380a3;
  --blue-200: #778096;
  --blue-475: #73829c;
  --blue-675: #1b4a7c;
  /* indigo */
  --indigo-100: #7e7e9d;
  --indigo-125: #806bff;
  --indigo-150: #5a48d6;
  --indigo-175: #8268ff;
  --indigo-200: #786efe;
  --indigo-225: #5a48d6;
  --indigo-250: #5a48d6;
  --indigo-275: #7d7d9e;
  --indigo-300: #836fe4;
  --indigo-325: #635bff;
  --indigo-325-rgb: 99 91 255;
  --indigo-400: #4a3fff;
  --indigo-75: #5a48d6;
  --indigo-350: #7f7f9b;
  --indigo-375: #7e7e9d;
  --indigo-50: #7c7caa;
  /* purple */
  --purple: #5a48d6;
  --purple-rgb: 90 72 214;
  --purple-550: #764ba2;
  --purple-575: #6d1ed4;
  --purple-350: #a569c9;
  /* violet */
  --violet: #8544a3;
  --violet-rgb: 133 68 163;
  /* navy */
  --navy-1000: #ffffff;
  --navy-1025: #f3f5fa;
  --navy-700: #f3f5fa;
  --navy-725: #f3f5fa;
  --navy-750: #f3f5fa;
  --navy-775: #f3f5fa;
  --navy-800: #f3f5fa;
  --navy-800-rgb: 243 245 250;
  --navy-825: #f3f5fa;
  --navy-850: #ffffff;
  --navy-875: #f3f5fa;
  --navy-900: #ffffff;
  --navy-925: #f3f5fa;
  --navy-950: #ffffff;
  --navy-975: #ffffff;
  --navy-975-rgb: 255 255 255;
  --navy-1075: #f3f5fa;
  --navy-1075-rgb: 243 245 250;
  --navy-1100: #ffffff;
  --navy-1100-rgb: 255 255 255;
  --navy-1125: #ffffff;
  --navy-1125-rgb: 255 255 255;
  --navy-675: #f3f5fa;
  --navy-1050: #ffffff;
  /* gray */
  --gray-1a: #1a1a1a;
  --gray-200: #353a48;
  --gray-300: #4a5060;
  --gray-33: #333333;
  --gray-400: #5e6375;
  --gray-400-rgb: 94 99 117;
  --gray-425: #6c7285;
  --gray-44: #444444;
  --gray-450: #73798d;
  --gray-450-rgb: 115 121 141;
  --gray-475: #6e7487;
  --gray-50: #7480a5;
  --gray-500: #798096;
  --gray-525: #798097;
  --gray-55: #7681a3;
  --gray-550: #798198;
  --gray-550-rgb: 121 129 152;
  --gray-575: #788098;
  --gray-60: #8a90a0;
  --gray-600: #77809d;
  --gray-650: #767f9e;
  --gray-66: #77809c;
  --gray-70: #7c8396;
  --gray-700: #7581a7;
  --gray-77: #7a8197;
  --gray-80: #7a8195;
  --gray-800: #2a2f33;
  --gray-88: #6d7488;
  --gray-90: #6c7285;
  --gray-99: #646a7c;
  --gray-a0: #5b6378;
  --gray-a0-rgb: 91 99 120;
  --gray-aa: #545a6b;
  --gray-b0: #4f5565;
  --gray-bb: #454b5a;
  --gray-c0: #3d4459;
  --gray-cc: #394056;
  --gray-cf: #333846;
  --gray-d0: #323745;
  --gray-dd: #272b38;
  --gray-e0: #2a3043;
  --gray-e8: #1d212d;
  --gray-ee: #171c27;
  --gray-225: #373c4a;
  --gray-375: #6d7386;
  --gray-6b: #79819b;
  --gray-7a: #7a8197;
  --gray-850: #231f20;
  --gray-8a: #71788b;
  --gray-b8: #484d5d;
  --gray-c8: #3a3f4d;
  --gray-f2: #141823;
  --gray-350: #777d91;
  --gray-625: #7b8298;
  --pink-250: #b168a5;
  --pink-550: #a3479a;
  --pink-700: #841173;
  --pink-700-rgb: 132 17 115;
  /* icons (data: URIs can't read tokens, so each theme carries its own copy) */
  --icon-caret: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d93a55' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
  --icon-caret-small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23d93a55' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  --icon-caret-solid: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23d93a55%22%20d%3D%22M6%209L1%204h10z%22%2F%3E%3C%2Fsvg%3E');
  --icon-check-green: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231a9547" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
  --icon-check-teal: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230e8c84" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
}

/* ── Dim ── a softer, lower-contrast dark for long sessions */
[data-theme="dim"] {
  color-scheme: dark;
  /* bg */
  --bg-1: #272b34;
  --bg-1-rgb: 39 43 52;
  --bg-2: #23272f;
  --bg-2-rgb: 35 39 47;
  --bg-3: #1f232a;
  --bg-3-rgb: 31 35 42;
  --bg-deep: #1b1e24;
  --bg-deep-rgb: 27 30 36;
  /* text */
  --text: #e6e8ec;
  --text-a25: rgba(255, 255, 255, 0.25);
  --text-a30: rgba(255, 255, 255, 0.3);
  --text-a35: rgba(255, 255, 255, 0.35);
  --text-a40: rgba(255, 255, 255, 0.4);
  --text-a45: rgba(255, 255, 255, 0.45);
  --text-a50: rgba(255, 255, 255, 0.5);
  --text-a55: rgba(255, 255, 255, 0.55);
  --text-a60: rgba(255, 255, 255, 0.6);
  --text-a65: rgba(255, 255, 255, 0.65);
  --text-a70: rgba(255, 255, 255, 0.7);
  --text-a85: rgba(255, 255, 255, 0.85);
  --text-a90: rgba(255, 255, 255, 0.9);
  --text-a75: rgba(255, 255, 255, 0.75);
  /* ink */
  --ink: #2a2f39;
  --ink-2: #2a2f39;
  --ink-3: #2a2f39;
  --ink-deep: #1b1e24;
  /* on */
  /* white */
  /* black */
  /* surface */
  --surface-02: rgba(255, 255, 255, 0.02);
  --surface-03: rgba(255, 255, 255, 0.03);
  --surface-04: rgba(255, 255, 255, 0.04);
  --surface-05: rgba(255, 255, 255, 0.05);
  --surface-06: rgba(255, 255, 255, 0.06);
  --surface-07: rgba(255, 255, 255, 0.07);
  --surface-08: rgba(255, 255, 255, 0.08);
  --surface-10: rgba(255, 255, 255, 0.1);
  --surface-12: rgba(255, 255, 255, 0.12);
  --surface-15: rgba(255, 255, 255, 0.15);
  --surface-20: rgba(255, 255, 255, 0.2);
  --surface-95: rgba(255, 255, 255, 0.95);
  --surface-14: rgba(255, 255, 255, 0.14);
  --surface-16: rgba(255, 255, 255, 0.16);
  --surface-26: rgba(255, 255, 255, 0.26);
  /* line */
  --line-04: rgba(255, 255, 255, 0.04);
  --line-05: rgba(255, 255, 255, 0.05);
  --line-06: rgba(255, 255, 255, 0.06);
  --line-08: rgba(255, 255, 255, 0.08);
  --line-10: rgba(255, 255, 255, 0.1);
  --line-12: rgba(255, 255, 255, 0.12);
  --line-14: rgba(255, 255, 255, 0.14);
  --line-15: rgba(255, 255, 255, 0.15);
  --line-18: rgba(255, 255, 255, 0.18);
  --line-20: rgba(255, 255, 255, 0.2);
  --line-25: rgba(255, 255, 255, 0.25);
  --line-30: rgba(255, 255, 255, 0.3);
  --line-35: rgba(255, 255, 255, 0.35);
  --line-40: rgba(255, 255, 255, 0.4);
  --line-60: rgba(255, 255, 255, 0.6);
  --line-07: rgba(255, 255, 255, 0.07);
  --line-16: rgba(255, 255, 255, 0.16);
  --line-50: rgba(255, 255, 255, 0.5);
  --line-55: rgba(255, 255, 255, 0.55);
  --line-09: rgba(255, 255, 255, 0.09);
  /* scrim */
  --scrim-18: rgba(0, 0, 0, 0.18);
  --scrim-20: rgba(0, 0, 0, 0.2);
  --scrim-30: rgba(0, 0, 0, 0.3);
  --scrim-40: rgba(0, 0, 0, 0.4);
  --scrim-50: rgba(0, 0, 0, 0.5);
  --scrim-55: rgba(0, 0, 0, 0.55);
  --scrim-65: rgba(0, 0, 0, 0.65);
  --scrim-70: rgba(0, 0, 0, 0.7);
  --scrim-80: rgba(0, 0, 0, 0.8);
  --scrim-85: rgba(0, 0, 0, 0.85);
  --scrim-25: rgba(0, 0, 0, 0.25);
  --scrim-35: rgba(0, 0, 0, 0.35);
  /* shadow */
  --shadow: #17181a;
  --shadow-rgb: 23 24 26;
  /* glow */
  --glow: #f0f1f2;
  --glow-rgb: 240 241 242;
  /* red */
  --red: #e0677d;
  --red-rgb: 224 103 125;
  --red-150: #e3bbc4;
  --red-200: #f0738f;
  --red-225: #f08598;
  --red-250: #f08da2;
  --red-275: #f08594;
  --red-300: #ea787a;
  --red-300-rgb: 234 120 122;
  --red-325: #baa0a2;
  --red-350: #f05463;
  --red-350-rgb: 240 84 99;
  --red-375: #f05c5e;
  --red-375-rgb: 240 92 94;
  --red-400: #e25253;
  --red-400-rgb: 226 82 83;
  --red-425: #cd485e;
  --red-450: #cd465e;
  --red-475: #db594c;
  --red-475-rgb: 219 89 76;
  --red-500: #bc425f;
  --red-525: #c0465f;
  --red-525-rgb: 192 70 95;
  --red-550: #c04665;
  --red-575: #c04d61;
  --red-600: #cf465e;
  --red-dark: #c0465e;
  --red-625: #b44374;
  --red-175: #f06179;
  /* coral */
  --coral: #f07374;
  --coral-rgb: 240 115 116;
  /* orange */
  --orange: #f0a41b;
  --orange-rgb: 240 164 27;
  --orange-250: #f09f85;
  --orange-325: #eb7a2c;
  --orange-350: #e3a050;
  --orange-375: #cba060;
  --orange-400: #ec944c;
  --orange-400-rgb: 236 148 76;
  --orange-425: #e3ab5c;
  --orange-425-rgb: 227 171 92;
  --orange-450: #f0991a;
  --orange-450-rgb: 240 153 26;
  --orange-475: #f0a41a;
  --orange-475-rgb: 240 164 26;
  --orange-50: #f0e7d8;
  --orange-500: #e79e23;
  --orange-500-rgb: 231 158 35;
  --orange-525: #e69d29;
  --orange-525-rgb: 230 157 41;
  --orange-550: #db8336;
  --orange-550-rgb: 219 131 54;
  --orange-575: #be9441;
  --orange-600: #dc9722;
  --orange-700: #664e48;
  --orange-750: #7f571a;
  --orange-440: #f09f52;
  /* gold */
  --gold: #e6cf6a;
  --gold-rgb: 230 207 106;
  --gold-200: #ebdd9c;
  --gold-400: #e3c050;
  --gold-450: #ecba38;
  --gold-500: #d0a435;
  --gold-500-rgb: 208 164 53;
  --gold-525: #f0cf1a;
  --gold-525-rgb: 240 207 26;
  --gold-600: #b48a23;
  --gold-deep: #e4bf26;
  --gold-deep-rgb: 228 191 38;
  --gold-225: #f0d9a4;
  --gold-250: #f0de8f;
  /* green */
  --green: #5fcf8a;
  --green-rgb: 95 207 138;
  --green-200: #a6e4c0;
  --green-400: #56d586;
  --green-400-rgb: 86 213 134;
  --green-450: #37b46e;
  --green-475: #58ad5e;
  --green-50: #dce8e0;
  --green-500: #3ec57a;
  --green-500-rgb: 62 197 122;
  --green-525: #43c165;
  --green-525-rgb: 67 193 101;
  --green-550: #34bf69;
  --green-550-rgb: 52 191 105;
  --green-575: #17ce44;
  --green-600: #25b587;
  --green-625: #37b068;
  --green-650: #17cd59;
  --green-675: #37b46a;
  --green-700: #38ac6b;
  --green-900: #1e3426;
  /* teal */
  --teal: #6cc5be;
  --teal-rgb: 108 197 190;
  --teal-150: #c1dddc;
  --teal-350: #75d6d1;
  --teal-475: #4bb4af;
  --teal-525: #47afac;
  --teal-550: #51a091;
  --teal-575: #3fa7a1;
  --teal-600: #2db89e;
  --teal-600-rgb: 45 184 158;
  --teal-650: #51a7a0;
  --teal-900: #1c3634;
  --teal-300: #83d6d2;
  --teal-560: #48b2ad;
  --teal-625: #3b9f99;
  /* cyan */
  --cyan-400: #42c5f2;
  --cyan-50: #dde1e5;
  --cyan-550: #3a85b7;
  --cyan-75: #d8e5ee;
  /* blue */
  --blue: #4399d4;
  --blue-rgb: 67 153 212;
  --blue-150: #c7cadd;
  --blue-300: #6c98f2;
  --blue-300-rgb: 108 152 242;
  --blue-350: #6e83e0;
  --blue-350-rgb: 110 131 224;
  --blue-375: #95a3b6;
  --blue-400: #4986eb;
  --blue-400-rgb: 73 134 235;
  --blue-425: #4f89e9;
  --blue-425-rgb: 79 137 233;
  --blue-450: #3398e8;
  --blue-50: #d8e6f1;
  --blue-500: #178ff2;
  --blue-600: #177ece;
  --blue-600-rgb: 23 126 206;
  --blue-650: #57606e;
  --blue-700: #435669;
  --blue-700-rgb: 67 86 105;
  --blue-725: #484e62;
  --blue-750: #17418c;
  --blue-775: #424f62;
  --blue-175: #c7cbd4;
  --blue-25: #dcdfe6;
  --blue-250: #9ebfe0;
  --blue-525: #4781c3;
  --blue-525-rgb: 71 129 195;
  --blue-125: #d5d8e0;
  --blue-200: #bcc0ca;
  --blue-475: #909bae;
  --blue-675: #2e5783;
  /* indigo */
  --indigo-100: #dbdce2;
  --indigo-125: #b4abf2;
  --indigo-150: #c2bde6;
  --indigo-175: #b4a8f2;
  --indigo-200: #a19cf1;
  --indigo-225: #afa7f2;
  --indigo-250: #b4acf0;
  --indigo-275: #babbca;
  --indigo-300: #9081dd;
  --indigo-325: #6b65f2;
  --indigo-325-rgb: 107 101 242;
  --indigo-400: #564ef2;
  --indigo-75: #b4aced;
  --indigo-350: #b4b4c4;
  --indigo-375: #c2c3cf;
  --indigo-50: #dcdde6;
  /* purple */
  --purple: #8a7fe0;
  --purple-rgb: 138 127 224;
  --purple-550: #7b58a3;
  --purple-575: #7432ce;
  --purple-350: #ad81ca;
  /* violet */
  --violet: #9b64b4;
  --violet-rgb: 155 100 180;
  /* navy */
  --navy-1000: #1b1e24;
  --navy-1025: #2a2f39;
  --navy-700: #2a2f39;
  --navy-725: #2a2f39;
  --navy-750: #2a2f39;
  --navy-775: #2a2f39;
  --navy-800: #2a2f39;
  --navy-800-rgb: 42 47 57;
  --navy-825: #2a2f39;
  --navy-850: #1b1e24;
  --navy-875: #2a2f39;
  --navy-900: #1b1e24;
  --navy-925: #2a2f39;
  --navy-950: #1b1e24;
  --navy-975: #1b1e24;
  --navy-975-rgb: 27 30 36;
  --navy-1075: #2a2f39;
  --navy-1075-rgb: 42 47 57;
  --navy-1100: #1b1e24;
  --navy-1100-rgb: 27 30 36;
  --navy-1125: #1b1e24;
  --navy-1125-rgb: 27 30 36;
  --navy-675: #2a2f39;
  --navy-1050: #1b1e24;
  /* gray */
  --gray-1a: #2d2e30;
  --gray-200: #c2c3ce;
  --gray-300: #adaebd;
  --gray-33: #424345;
  --gray-400: #96a4a7;
  --gray-400-rgb: 150 164 167;
  --gray-425: #8c929b;
  --gray-44: #515253;
  --gray-450: #838f91;
  --gray-450-rgb: 131 143 145;
  --gray-475: #8c8d98;
  --gray-50: #5b5c5e;
  --gray-500: #76778e;
  --gray-525: #728088;
  --gray-55: #5f6062;
  --gray-550: #727986;
  --gray-550-rgb: 114 121 134;
  --gray-575: #717281;
  --gray-60: #696a6b;
  --gray-600: #686974;
  --gray-650: #64646e;
  --gray-66: #6e6f70;
  --gray-70: #747a85;
  --gray-700: #565763;
  --gray-77: #7c7d7f;
  --gray-80: #848586;
  --gray-800: #3b4045;
  --gray-88: #8b8c8d;
  --gray-90: #929294;
  --gray-99: #999a9c;
  --gray-a0: #9aa0aa;
  --gray-a0-rgb: 154 160 170;
  --gray-aa: #a8a8aa;
  --gray-b0: #adaeaf;
  --gray-bb: #b6b7b8;
  --gray-c0: #babbbd;
  --gray-cc: #c4c5c7;
  --gray-cf: #c7c8c9;
  --gray-d0: #c8c9ca;
  --gray-dd: #d3d4d5;
  --gray-e0: #d6d6d8;
  --gray-e8: #dcdddf;
  --gray-ee: #e1e2e4;
  --gray-225: #c0c1cc;
  --gray-375: #8c8d9c;
  --gray-6b: #727374;
  --gray-7a: #7f8081;
  --gray-850: #353235;
  --gray-8a: #8c8d8f;
  --gray-b8: #b4b4b6;
  --gray-c8: #c1c2c4;
  --gray-f2: #e5e6e7;
  --gray-350: #828394;
  --gray-625: #75768a;
  --pink-250: #cba9c8;
  --pink-550: #a2549c;
  --pink-700: #87267b;
  --pink-700-rgb: 135 38 123;
  /* icons (data: URIs can't read tokens, so each theme carries its own copy) */
  --icon-caret: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0677d' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
  --icon-caret-small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23e0677d' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  --icon-caret-solid: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23e0677d%22%20d%3D%22M6%209L1%204h10z%22%2F%3E%3C%2Fsvg%3E');
  --icon-check-green: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2334bf69" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
  --icon-check-teal: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236cc5be" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
}

/* ── High contrast ── bright sun, low vision */
[data-theme="contrast"] {
  color-scheme: dark;
  /* High contrast accents are bright, so the words on a solid button are black here */
  --on-accent: #000000;
  /* bg */
  --bg-1: #000000;
  --bg-1-rgb: 0 0 0;
  --bg-2: #000000;
  --bg-2-rgb: 0 0 0;
  --bg-3: #000000;
  --bg-3-rgb: 0 0 0;
  --bg-deep: #000000;
  --bg-deep-rgb: 0 0 0;
  /* text */
  --text: #ffffff;
  --text-a25: rgba(255, 255, 255, 0.55);
  --text-a30: rgba(255, 255, 255, 0.6);
  --text-a35: rgba(255, 255, 255, 0.65);
  --text-a40: rgba(255, 255, 255, 0.7);
  --text-a45: rgba(255, 255, 255, 0.75);
  --text-a50: rgba(255, 255, 255, 0.8);
  --text-a55: rgba(255, 255, 255, 0.85);
  --text-a60: rgba(255, 255, 255, 0.9);
  --text-a65: rgba(255, 255, 255, 0.95);
  --text-a70: rgba(255, 255, 255, 1);
  --text-a85: rgba(255, 255, 255, 1);
  --text-a90: rgba(255, 255, 255, 1);
  --text-a75: rgba(255, 255, 255, 1);
  /* ink */
  --ink: #0c0c0c;
  --ink-2: #0c0c0c;
  --ink-3: #0c0c0c;
  --ink-deep: #000000;
  /* on */
  /* white */
  /* black */
  /* surface */
  --surface-02: rgba(255, 255, 255, 0.02);
  --surface-03: rgba(255, 255, 255, 0.03);
  --surface-04: rgba(255, 255, 255, 0.04);
  --surface-05: rgba(255, 255, 255, 0.05);
  --surface-06: rgba(255, 255, 255, 0.06);
  --surface-07: rgba(255, 255, 255, 0.07);
  --surface-08: rgba(255, 255, 255, 0.08);
  --surface-10: rgba(255, 255, 255, 0.1);
  --surface-12: rgba(255, 255, 255, 0.12);
  --surface-15: rgba(255, 255, 255, 0.15);
  --surface-20: rgba(255, 255, 255, 0.2);
  --surface-95: rgba(255, 255, 255, 0.95);
  --surface-14: rgba(255, 255, 255, 0.14);
  --surface-16: rgba(255, 255, 255, 0.16);
  --surface-26: rgba(255, 255, 255, 0.26);
  /* line */
  --line-04: rgba(255, 255, 255, 0.12);
  --line-05: rgba(255, 255, 255, 0.15);
  --line-06: rgba(255, 255, 255, 0.18);
  --line-08: rgba(255, 255, 255, 0.24);
  --line-10: rgba(255, 255, 255, 0.3);
  --line-12: rgba(255, 255, 255, 0.36);
  --line-14: rgba(255, 255, 255, 0.42);
  --line-15: rgba(255, 255, 255, 0.45);
  --line-18: rgba(255, 255, 255, 0.54);
  --line-20: rgba(255, 255, 255, 0.6);
  --line-25: rgba(255, 255, 255, 0.75);
  --line-30: rgba(255, 255, 255, 0.85);
  --line-35: rgba(255, 255, 255, 0.85);
  --line-40: rgba(255, 255, 255, 0.85);
  --line-60: rgba(255, 255, 255, 0.85);
  --line-07: rgba(255, 255, 255, 0.21);
  --line-16: rgba(255, 255, 255, 0.48);
  --line-50: rgba(255, 255, 255, 0.85);
  --line-55: rgba(255, 255, 255, 0.85);
  --line-09: rgba(255, 255, 255, 0.27);
  /* scrim */
  --scrim-18: rgba(0, 0, 0, 0.18);
  --scrim-20: rgba(0, 0, 0, 0.2);
  --scrim-30: rgba(0, 0, 0, 0.3);
  --scrim-40: rgba(0, 0, 0, 0.4);
  --scrim-50: rgba(0, 0, 0, 0.5);
  --scrim-55: rgba(0, 0, 0, 0.55);
  --scrim-65: rgba(0, 0, 0, 0.65);
  --scrim-70: rgba(0, 0, 0, 0.7);
  --scrim-80: rgba(0, 0, 0, 0.8);
  --scrim-85: rgba(0, 0, 0, 0.85);
  --scrim-25: rgba(0, 0, 0, 0.25);
  --scrim-35: rgba(0, 0, 0, 0.35);
  /* shadow */
  --shadow: #a1a1a1;
  --shadow-rgb: 161 161 161;
  /* glow */
  --glow: #ffffff;
  --glow-rgb: 255 255 255;
  /* red */
  --red: #ff5c7a;
  --red-rgb: 255 92 122;
  --red-150: #f0c0c8;
  --red-200: #ff7592;
  --red-225: #ff8095;
  --red-250: #ff8aa0;
  --red-275: #ff8090;
  --red-300: #f87b7b;
  --red-300-rgb: 248 123 123;
  --red-325: #c0a0a0;
  --red-350: #ff7581;
  --red-350-rgb: 255 117 129;
  --red-375: #ff7979;
  --red-375-rgb: 255 121 121;
  --red-400: #f47c7c;
  --red-400-rgb: 244 124 124;
  --red-425: #e68493;
  --red-450: #e68697;
  --red-475: #ee8277;
  --red-475-rgb: 238 130 119;
  --red-500: #e1879c;
  --red-525: #df899a;
  --red-525-rgb: 223 137 154;
  --red-550: #df899e;
  --red-575: #dd8997;
  --red-600: #e78394;
  --red-dark: #df8998;
  --red-625: #de88ab;
  --red-175: #ff758a;
  /* coral */
  --coral: #ff7575;
  --coral-rgb: 255 117 117;
  /* orange */
  --orange: #ffa502;
  --orange-rgb: 255 165 2;
  --orange-250: #ff9f7f;
  --orange-325: #fa7f2a;
  --orange-350: #f0a040;
  --orange-375: #d4a053;
  --orange-400: #fb923c;
  --orange-400-rgb: 251 146 60;
  --orange-425: #f0ad4e;
  --orange-425-rgb: 240 173 78;
  --orange-450: #ff9800;
  --orange-450-rgb: 255 152 0;
  --orange-475: #ffa500;
  --orange-475-rgb: 255 165 0;
  --orange-50: #fff3e0;
  --orange-500: #f59e0b;
  --orange-500-rgb: 245 158 11;
  --orange-525: #f39c12;
  --orange-525-rgb: 243 156 18;
  --orange-550: #e88934;
  --orange-550-rgb: 232 137 52;
  --orange-575: #cc9831;
  --orange-600: #e8950a;
  --orange-700: #bd9a8f;
  --orange-750: #e58b00;
  --orange-440: #ff9f43;
  /* gold */
  --gold: #ffe14d;
  --gold-rgb: 255 225 77;
  --gold-200: #f9e89a;
  --gold-400: #f0c640;
  --gold-450: #fbbf24;
  --gold-500: #daa520;
  --gold-500-rgb: 218 165 32;
  --gold-525: #ffd700;
  --gold-525-rgb: 255 215 0;
  --gold-600: #d0980c;
  --gold-deep: #f1c40f;
  --gold-deep-rgb: 241 196 15;
  --gold-225: #ffe3a3;
  --gold-250: #ffe98a;
  /* green */
  --green: #4dff94;
  --green-rgb: 77 255 148;
  --green-200: #a8f0c4;
  --green-400: #4ade80;
  --green-400-rgb: 74 222 128;
  --green-450: #25b864;
  --green-475: #55b559;
  --green-50: #e8f5e9;
  --green-500: #2ecc71;
  --green-500-rgb: 46 204 113;
  --green-525: #34c759;
  --green-525-rgb: 52 199 89;
  --green-550: #22c55e;
  --green-550-rgb: 34 197 94;
  --green-575: #00d632;
  --green-600: #10b981;
  --green-625: #26b75e;
  --green-650: #00d54b;
  --green-675: #26b85f;
  --green-700: #2aba67;
  --green-900: #2db954;
  /* teal */
  --teal: #5ff5ea;
  --teal-rgb: 95 245 234;
  --teal-150: #c8e8e5;
  --teal-350: #6ee0d8;
  --teal-475: #3db8b0;
  --teal-525: #38b2ac;
  --teal-550: #4cb29d;
  --teal-575: #32b4aa;
  --teal-600: #1abc9c;
  --teal-600-rgb: 26 188 156;
  --teal-650: #48b3a8;
  --teal-900: #06231f;
  --teal-300: #7fe0d9;
  --teal-560: #3ab5ad;
  --teal-625: #2fb3a9;
  /* cyan */
  --cyan-400: #33ccff;
  --cyan-50: #e9edef;
  --cyan-550: #5da9db;
  --cyan-75: #e3f1fa;
  /* blue */
  --blue: #57aae1;
  --blue-rgb: 87 170 225;
  --blue-150: #cfd2e6;
  --blue-300: #73a0ff;
  --blue-300-rgb: 115 160 255;
  --blue-350: #8a9cef;
  --blue-350-rgb: 138 156 239;
  --blue-375: #94a3b8;
  --blue-400: #6ca1f8;
  --blue-400-rgb: 108 161 248;
  --blue-425: #6da1f7;
  --blue-425-rgb: 109 161 247;
  --blue-450: #43a6f5;
  --blue-50: #e3f2fd;
  --blue-500: #38a5ff;
  --blue-600: #36a8ff;
  --blue-600-rgb: 54 168 255;
  --blue-650: #97a1b0;
  --blue-700: #8ba5bf;
  --blue-700-rgb: 139 165 191;
  --blue-725: #9ba1bb;
  --blue-750: #6ea1ff;
  --blue-775: #92a4bd;
  --blue-175: #cfd3dc;
  --blue-25: #e8eaf0;
  --blue-250: #9fc4ea;
  --blue-525: #78a5d9;
  --blue-525-rgb: 120 165 217;
  --blue-125: #dfe2ea;
  --blue-200: #c2c6d0;
  --blue-475: #97a2b5;
  --blue-675: #6fa6e0;
  /* indigo */
  --indigo-100: #e6e6ec;
  --indigo-125: #b9adff;
  --indigo-150: #c9c2f0;
  --indigo-175: #b9aaff;
  --indigo-200: #a29bfe;
  --indigo-225: #b3a8ff;
  --indigo-250: #b9aefc;
  --indigo-275: #c0c0d0;
  --indigo-300: #a496eb;
  --indigo-325: #9d98ff;
  --indigo-325-rgb: 157 152 255;
  --indigo-400: #9c96ff;
  --indigo-75: #b8aef9;
  --indigo-350: #b8b8c8;
  --indigo-375: #c9c9d6;
  --indigo-50: #e8e8f0;
  /* purple */
  --purple: #a99bff;
  --purple-rgb: 169 155 255;
  --purple-550: #b195ce;
  --purple-575: #b78def;
  --purple-350: #bb8fd7;
  /* violet */
  --violet: #bd92cf;
  --violet-rgb: 189 146 207;
  /* navy */
  --navy-1000: #000000;
  --navy-1025: #0c0c0c;
  --navy-700: #0c0c0c;
  --navy-725: #0c0c0c;
  --navy-750: #0c0c0c;
  --navy-775: #0c0c0c;
  --navy-800: #0c0c0c;
  --navy-800-rgb: 12 12 12;
  --navy-825: #0c0c0c;
  --navy-850: #000000;
  --navy-875: #0c0c0c;
  --navy-900: #000000;
  --navy-925: #0c0c0c;
  --navy-950: #000000;
  --navy-975: #000000;
  --navy-975-rgb: 0 0 0;
  --navy-1075: #0c0c0c;
  --navy-1075-rgb: 12 12 12;
  --navy-1100: #000000;
  --navy-1100-rgb: 0 0 0;
  --navy-1125: #000000;
  --navy-1125-rgb: 0 0 0;
  --navy-675: #0c0c0c;
  --navy-1050: #000000;
  /* gray */
  --gray-1a: #1a1a1a;
  --gray-200: #ffffff;
  --gray-300: #ffffff;
  --gray-33: #333333;
  --gray-400: #f6f6f6;
  --gray-400-rgb: 246 246 246;
  --gray-425: #e1e1e1;
  --gray-44: #444444;
  --gray-450: #d6d6d6;
  --gray-450-rgb: 214 214 214;
  --gray-475: #dddddd;
  --gray-50: #8a8a8a;
  --gray-500: #c0c0c0;
  --gray-525: #c0c0c0;
  --gray-55: #919191;
  --gray-550: #bbbbbb;
  --gray-550-rgb: 187 187 187;
  --gray-575: #b4b4b4;
  --gray-60: #a0a0a0;
  --gray-600: #a4a4a4;
  --gray-650: #9c9c9c;
  --gray-66: #a8a8a8;
  --gray-70: #bdbdbd;
  --gray-700: #878787;
  --gray-77: #bfbfbf;
  --gray-80: #cbcbcb;
  --gray-800: #2a2f33;
  --gray-88: #d6d6d6;
  --gray-90: #e0e0e0;
  --gray-99: #ededed;
  --gray-a0: #e2e2e2;
  --gray-a0-rgb: 226 226 226;
  --gray-aa: #ffffff;
  --gray-b0: #ffffff;
  --gray-bb: #ffffff;
  --gray-c0: #ffffff;
  --gray-cc: #ffffff;
  --gray-cf: #ffffff;
  --gray-d0: #ffffff;
  --gray-dd: #ffffff;
  --gray-e0: #ffffff;
  --gray-e8: #ffffff;
  --gray-ee: #ffffff;
  --gray-225: #ffffff;
  --gray-375: #e0e0e0;
  --gray-6b: #aeaeae;
  --gray-7a: #c3c3c3;
  --gray-850: #231f20;
  --gray-8a: #d8d8d8;
  --gray-b8: #ffffff;
  --gray-c8: #ffffff;
  --gray-f2: #ffffff;
  --gray-350: #d0d0d0;
  --gray-625: #bdbdbd;
  --pink-250: #d4abcd;
  --pink-550: #cd8dc7;
  --pink-700: #ed74db;
  --pink-700-rgb: 237 116 219;
  /* icons (data: URIs can't read tokens, so each theme carries its own copy) */
  --icon-caret: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff5c7a' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
  --icon-caret-small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ff5c7a' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  --icon-caret-solid: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23ff5c7a%22%20d%3D%22M6%209L1%204h10z%22%2F%3E%3C%2Fsvg%3E');
  --icon-check-green: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2322c55e" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
  --icon-check-teal: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%235ff5ea" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>');
}

/* ── The Appearance panel's choices ── the brand colors a business owner is offered.
   The first is the RMQ default. Add a line to offer another. */
:root {
  --brand-choice-1: #e94560;
  --brand-choice-2: #2d7ff9;
  --brand-choice-3: #1f9d55;
  --brand-choice-4: #f57c00;
  --brand-choice-5: #6c5ce7;
  --brand-choice-6: #0e8c84;
  --rmq-ap-wheel: conic-gradient(#e94560, #f7d94e, #2ed573, #4ecdc4, #2d7ff9, #6c5ce7, #e94560);
}