/* Claude Design — design tokens
 * Extracted verbatim from the production stylesheet (index-CnMY_cd9.css)
 * served at claude.ai/design. Two token systems are present:
 *   --cds-*  Claude Design System (palette + semantic + density/step scales)
 *   --om-*   app theme tokens (light default, dark via [data-theme=dark])
 * Light is the default; dark overrides follow.
 */

:root {
  --lightningcss-light:initial;
  --lightningcss-dark:;
  color-scheme:light;
  --om-bg-app:#faf9f5;
  --om-bg-panel:#f8f7f3;
  --om-bg-surface:#fff;
  --om-bg-elevated:#fff;
  --om-bg-hover:#0f0c080a;
  --om-bg-active:#e8e6dc;
  --om-bg-selected:#e3dacc;
  --om-bg-muted:#f0eee6;
  --om-bg-stripe:#0f0c0805;
  --om-bg-tint-design-system:#f6e3e3;
  --om-bg-tint-template:#e4e2f1;
  --om-bg-primary-tab-bar:#e8e6dc;
  --om-bg-secondary-tab-bar:#f6f5f0af;
  --om-bg-error-tint:#a632440d;
  --om-bg-intro-splash:#e1dacd;
  --om-bg-scrim:#0f0c0866;
  --om-border-subtle:#0f0c0814;
  --om-border-card:#0f0c081f;
  --om-border-default:#0f0c081a;
  --om-border-strong:#0f0c0838;
  --om-border-focus:#0f0c085c;
  --om-border-modal:#0000001a;
  --om-text-primary:#0f0c08eb;
  --om-text-prose:#0f0c08cc;
  --om-text-secondary:#0f0c08a3;
  --om-text-tertiary:#0f0c0899;
  --om-text-disabled:#0f0c0852;
  --om-text-design-system-badge:#c67878;
  --om-text-inverse:#faf9f5;
  --om-text-link:#6a9bcc;
  --om-accent-primary:#d97757;
  --om-accent-primary-bg:#d977571f;
  --om-accent-primary-tint:#d977570a;
  --om-accent-primary-dash:#d9775780;
  --om-accent-primary-tail:#d977572e;
  --om-accent-primary-hover:#c46a4d;
  --om-accent-primary-active:#b05e43;
  --om-accent-secondary:#6a9bcc;
  --om-accent-secondary-hover:#5a8bbb;
  --om-accent-secondary-active:#4e7caa;
  --om-accent-success:#558a42;
  --om-accent-warning:#c9a82d;
  --om-accent-error:#a63244;
  --om-accent-pro:#473aa6;
  --om-accent-pro-bg:#e7e4fb;
  --om-accent-blue:#2a78d6;
  --om-accent-blue-bg:#2a78d61a;
  --om-accent-blue-hover:#2569bf;
  --om-accent-review:#3987e5;
  --om-accent-verifier:#8b6ac8;
  --om-accent-verifier-soft:#b7a3dc;
  --om-accent-black:#191915;
  --om-accent-black-hover:#2b2b26;
  --om-accent-black-active:#0f0c08;
  --om-scrollbar-thumb:#00000026;
  --om-scrollbar-thumb-hover:#00000040;
  --om-shadow-xs:0 1px 2px #1414130a;
  --om-shadow-sm:0 1px 3px #1414130f;
  --om-shadow-md:0 4px 6px #1414130f;
  --om-shadow-diffuse:0 4px 20px #1414130a;
  --om-shadow-lg:0 10px 15px #14141314;
  --om-shadow-inset:inset 0 1px 2px #1414130f;
  --om-shadow-modal:0 24px 48px #0f0c0829, 0 8px 16px #0f0c0814;
  --om-shadow-card:0 18px 44px #1414131a, 0 3px 10px #1414130d;
  --om-presenter-bg:#1a1a1a;
  --om-presenter-text:#e8e8e8;
  --om-presenter-border:#333;
  --om-presenter-divider:#2a2a2a;
  --om-presenter-divider-hover:#3a3a3a;
  --om-presenter-slide-bg:#000;
  --om-presenter-slide-hover-border:#555;
  --om-presenter-control-bg:#2a2a2a;
  --om-presenter-control-hover:#333;
  --om-presenter-control-active:#3a3a3a;
  --om-presenter-control-border:#444;
  --om-presenter-muted:#999;
  --om-presenter-label:#888;
  --om-presenter-placeholder:#555;
  --om-presenter-toggle-track:#3a3a3a;
  --om-z-modal:2000;
  --om-z-modal-top:3000;
  --om-z-popover:3500;
  --om-z-panel-overlay:4000;
  --om-z-toast:10000;
}

:root[data-theme=dark] {
  --lightningcss-light:;
  --lightningcss-dark:initial;
  color-scheme:dark;
  --om-bg-app:#1c1b19;
  --om-bg-panel:#222220;
  --om-bg-surface:#2a2927;
  --om-bg-elevated:#2a2927;
  --om-bg-hover:#faf9f50d;
  --om-bg-active:#35332c;
  --om-bg-selected:#3c392f;
  --om-bg-muted:#2e2c26;
  --om-bg-stripe:#faf9f505;
  --om-bg-tint-design-system:#3a2a2a;
  --om-bg-tint-template:#2a2838;
  --om-bg-primary-tab-bar:#35332c;
  --om-bg-secondary-tab-bar:#222220af;
  --om-bg-error-tint:#c45a6a1f;
  --om-bg-intro-splash:#2e2a22;
  --om-bg-scrim:#0009;
  --om-border-subtle:#faf9f51a;
  --om-border-card:#faf9f524;
  --om-border-default:#faf9f51f;
  --om-border-strong:#faf9f53d;
  --om-border-focus:#faf9f566;
  --om-border-modal:#faf9f51f;
  --om-text-primary:#faf9f5eb;
  --om-text-prose:#faf9f5cc;
  --om-text-secondary:#faf9f5a3;
  --om-text-tertiary:#faf9f599;
  --om-text-disabled:#faf9f552;
  --om-text-design-system-badge:#d89a9a;
  --om-text-inverse:#1c1b19;
  --om-text-link:#7eaeda;
  --om-accent-primary:#e08968;
  --om-accent-primary-bg:#e0896829;
  --om-accent-primary-tint:#e089680f;
  --om-accent-primary-dash:#e0896880;
  --om-accent-primary-tail:#e0896833;
  --om-accent-primary-hover:#e89b7e;
  --om-accent-primary-active:#efad94;
  --om-accent-secondary:#7eaeda;
  --om-accent-secondary-hover:#91bce2;
  --om-accent-secondary-active:#a4c9e9;
  --om-accent-success:#6fa859;
  --om-accent-warning:#dabe4a;
  --om-accent-error:#c45a6a;
  --om-accent-pro:#9a8fe0;
  --om-accent-pro-bg:#2c2847;
  --om-accent-blue:#4d90e0;
  --om-accent-blue-bg:#4d90e024;
  --om-accent-blue-hover:#62a0e8;
  --om-accent-review:#5a9bec;
  --om-accent-verifier:#a68dd8;
  --om-accent-verifier-soft:#8572b0;
  --om-accent-black:#f0eee6;
  --om-accent-black-hover:#e4e2d9;
  --om-accent-black-active:#d8d5cb;
  --om-scrollbar-thumb:#faf9f526;
  --om-scrollbar-thumb-hover:#faf9f540;
  --om-shadow-xs:0 1px 2px #0000003d;
  --om-shadow-sm:0 1px 3px #00000047;
  --om-shadow-md:0 4px 6px #00000047;
  --om-shadow-diffuse:0 4px 20px #0000003d;
  --om-shadow-lg:0 10px 15px #00000052;
  --om-shadow-inset:inset 0 1px 2px #00000047;
  --om-shadow-modal:0 24px 48px #0000007a, 0 8px 16px #00000052;
  --om-shadow-card:0 18px 44px #0006, 0 3px 10px #0000003d;
}

:root {
  --cds-radius:.25rem;
  --cds-border:currentColor;
  --cds-shadow-sm:0 1px 2px 0 #0000000d;
  --cds-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --cds-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --cds-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --cds-font-system:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cds-font-sans:var(--cds-font-system);
  --cds-ease-out:cubic-bezier(0, 0, .2, 1);
  --cds-black:#000;
  --cds-oncolor-200:#f8f8f7bf;
  --cds-oncolor-300:#f8f8f780;
  --cds-clay:#d97757;
  --cds-clay-emphasized:#c6613f;
  --cds-heather:#cbcadb;
  --cds-plum:#827dbd;
  --cds-cactus:#bcd1ca;
  --cds-mineral:#629987;
  --cds-peach:#ebc9b7;
  --cds-gray-80:#e7e6e1;
  --cds-gray-650:#454442;
  --cds-pictogram-highlight-default:var(--cds-gray-80);
  --cds-pictogram-highlight-heather:var(--cds-heather);
  --cds-pictogram-highlight-cactus:var(--cds-cactus);
  --cds-pictogram-highlight-peach:var(--cds-peach);
}

[data-mode=dark] {
  --cds-pictogram-highlight-default:var(--cds-gray-650);
  --cds-pictogram-highlight-heather:var(--cds-plum);
  --cds-pictogram-highlight-cactus:var(--cds-mineral);
  --cds-pictogram-highlight-peach:var(--cds-clay-emphasized);
}

.cds-root {
  --cds-radius:6px;
  --cds-h-control:24px;
  --cds-h-control-nested:18px;
  --cds-icon:16px;
  --cds-pad-sm:6px;
  --cds-pad-md:8px;
  --cds-pad-lg:12px;
  --cds-pad-xl:20px;
  --cds-gap-xs:6px;
  --cds-gap-sm:8px;
  --cds-gap-md:12px;
  --cds-gap-lg:20px;
  --cds-gap-xl:32px;
  --cds-border:var(--cds-alpha-2);
  --cds-border-accent:var(--cds-blue-250);
  --cds-border-danger:var(--cds-red-250);
  --cds-border-success:var(--cds-green-250);
  --cds-border-warning:var(--cds-yellow-250);
  --cds-border-pro:var(--cds-violet-250);
  --cds-border-strong:var(--cds-alpha-3);
  --cds-border-stronger:hsl(from var(--cds-neutral-900) h s l / 40%);
  --cds-shadow-sm:0 1px 2px 0 hsl(from var(--cds-gray-900) h s l / 6%), 0 2px 8px 0 var(--cds-shadow-color);
  --cds-shadow-md:0 2px 4px 0 hsl(from var(--cds-gray-900) h s l / 7%), 0 6px 16px 0 var(--cds-shadow-color);
  --cds-shadow-lg:0 4px 8px 0 hsl(from var(--cds-gray-900) h s l / 8%), 0 12px 28px -2px var(--cds-shadow-color);
  --cds-shadow-color:hsl(from var(--cds-gray-900) h s l / 8%);
  --cds-shadow-popover:0 8px 24px #0000001f, 0 2px 6px #00000014;
  --cds-ring-outer:1px;
  --cds-ring-inner:0px;
  --cds-ring-color:var(--cds-border);
  --cds-focus-shadow:inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent), 0 0 6px 1px var(--cds-bg-accent);
  --cds-font-mono:var(--font-anthropic-mono,"Anthropic Mono Variable"), "Anthropic Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --cds-font-sans:var(--font-anthropic-sans,"Anthropic Sans Variable", "Anthropic Sans"), var(--cds-font-system);
  --cds-font-voice:var(--font-anthropic-serif,"Anthropic Serif Variable", "Anthropic Serif"), ui-serif, Georgia, "Times New Roman", serif;
  --cds-ease-out:cubic-bezier(.165, .84, .44, 1);
  --cds-ease-snap:cubic-bezier(.32, .72, 0, 1);
  --cds-ease-overshoot:cubic-bezier(.34, 1.3, .64, 1);
  --cds-dur-fast:60ms;
  --cds-dur-snap:.12s;
  --cds-dur-base:.2s;
  --cds-dur-slow:.45s;
  --cds-btn-spring:linear(0, .2459, .6526, .9468, 1.0764, 1.0915, 1.0585, 1.0219, .9993, .9914, .9921, .9957, .9988, 1.0004, 1);
  --cds-clay:#d97757;
  --cds-clay-emphasized:#c6613f;
  --cds-heather:#cbcadb;
  --cds-plum:#827dbd;
  --cds-cactus:#bcd1ca;
  --cds-mineral:#629987;
  --cds-peach:#ebc9b7;
  --cds-gray-0:#fff;
  --cds-gray-10:#fcfcfb;
  --cds-gray-20:#f9f9f7;
  --cds-gray-30:#f6f6f4;
  --cds-gray-40:#f3f3f0;
  --cds-gray-50:#f0efec;
  --cds-gray-60:#edece8;
  --cds-gray-70:#eae9e4;
  --cds-gray-80:#e7e6e1;
  --cds-gray-90:#e4e3dd;
  --cds-gray-100:#e1e0d9;
  --cds-gray-150:#d2d1c7;
  --cds-gray-200:#c3c2b7;
  --cds-gray-250:#b4b3a8;
  --cds-gray-300:#a5a49a;
  --cds-gray-350:#97958d;
  --cds-gray-400:#898781;
  --cds-gray-450:#7b7974;
  --cds-gray-500:#6d6b67;
  --cds-gray-550:#5f5e5a;
  --cds-gray-600:#52514e;
  --cds-gray-650:#454442;
  --cds-gray-700:#383835;
  --cds-gray-750:#2c2c2a;
  --cds-gray-800:#20201f;
  --cds-gray-810:#1e1e1d;
  --cds-gray-820:#1c1c1b;
  --cds-gray-830:#1a1a19;
  --cds-gray-840:#181817;
  --cds-gray-850:#151515;
  --cds-gray-860:#131313;
  --cds-gray-870:#111;
  --cds-gray-880:#0f0f0f;
  --cds-gray-890:#0d0d0d;
  --cds-gray-900:#0b0b0b;
  --cds-red-0:#fff;
  --cds-red-10:#fffbfb;
  --cds-red-20:#fef7f7;
  --cds-red-30:#fef3f3;
  --cds-red-40:#fdefef;
  --cds-red-50:#fbebeb;
  --cds-red-60:#fae7e7;
  --cds-red-70:#fae3e3;
  --cds-red-80:#fadfdf;
  --cds-red-90:#fadada;
  --cds-red-100:#fad6d6;
  --cds-red-150:#f7c1c1;
  --cds-red-200:#f4abab;
  --cds-red-250:#f09595;
  --cds-red-300:#ec7e7e;
  --cds-red-350:#e66767;
  --cds-red-400:#e34948;
  --cds-red-450:#d03b3b;
  --cds-red-500:#b93535;
  --cds-red-550:#a32c2c;
  --cds-red-600:#8e2626;
  --cds-red-650:#791e1e;
  --cds-red-700:#641919;
  --cds-red-750:#511212;
  --cds-red-800:#3c0e0e;
  --cds-red-810:#380d0d;
  --cds-red-820:#340c0c;
  --cds-red-830:#310b0b;
  --cds-red-840:#2d0a0a;
  --cds-red-850:#280a0a;
  --cds-red-860:#230b0a;
  --cds-red-870:#1d0b0a;
  --cds-red-880:#170c0b;
  --cds-red-890:#110c0b;
  --cds-red-900:#0b0b0b;
  --cds-orange-0:#fff;
  --cds-orange-10:#fefbfa;
  --cds-orange-20:#fdf7f5;
  --cds-orange-30:#fcf4f0;
  --cds-orange-40:#faf0ec;
  --cds-orange-50:#f9ece7;
  --cds-orange-60:#f8e9e2;
  --cds-orange-70:#f7e5dd;
  --cds-orange-80:#f7e1d7;
  --cds-orange-90:#f7dcd1;
  --cds-orange-100:#f7d8cb;
  --cds-orange-150:#f3c5b2;
  --cds-orange-200:#f4ae94;
  --cds-orange-250:#f09978;
  --cds-orange-300:#ec835a;
  --cds-orange-350:#eb6834;
  --cds-orange-400:#d95926;
  --cds-orange-450:#c25124;
  --cds-orange-500:#ae461c;
  --cds-orange-550:#993d19;
  --cds-orange-600:#863311;
  --cds-orange-650:#712b0f;
  --cds-orange-700:#5d230b;
  --cds-orange-750:#4b1b08;
  --cds-orange-800:#371407;
  --cds-orange-810:#341307;
  --cds-orange-820:#301106;
  --cds-orange-830:#2d1006;
  --cds-orange-840:#290f06;
  --cds-orange-850:#240e07;
  --cds-orange-860:#1f0e08;
  --cds-orange-870:#1a0e09;
  --cds-orange-880:#150d0a;
  --cds-orange-890:#100c0b;
  --cds-orange-900:#0b0b0b;
  --cds-yellow-0:#fff;
  --cds-yellow-10:#fefcf8;
  --cds-yellow-20:#fcf8f1;
  --cds-yellow-30:#fbf5ea;
  --cds-yellow-40:#f9f2e4;
  --cds-yellow-50:#f9eeda;
  --cds-yellow-60:#faebce;
  --cds-yellow-70:#fae7c2;
  --cds-yellow-80:#fae3b8;
  --cds-yellow-90:#f9e0b0;
  --cds-yellow-100:#f9dca4;
  --cds-yellow-150:#f9c868;
  --cds-yellow-200:#fab219;
  --cds-yellow-250:#eda100;
  --cds-yellow-300:#db9300;
  --cds-yellow-350:#c98500;
  --cds-yellow-400:#b77700;
  --cds-yellow-450:#a66a00;
  --cds-yellow-500:#945d00;
  --cds-yellow-550:#835100;
  --cds-yellow-600:#734500;
  --cds-yellow-650:#623900;
  --cds-yellow-700:#512e00;
  --cds-yellow-750:#412400;
  --cds-yellow-800:#311a00;
  --cds-yellow-810:#2e1800;
  --cds-yellow-820:#2b1700;
  --cds-yellow-830:#271500;
  --cds-yellow-840:#231402;
  --cds-yellow-850:#1f1204;
  --cds-yellow-860:#1b1106;
  --cds-yellow-870:#171007;
  --cds-yellow-880:#130e09;
  --cds-yellow-890:#0f0d0a;
  --cds-yellow-900:#0b0b0b;
  --cds-green-0:#fff;
  --cds-green-10:#fafdfa;
  --cds-green-20:#f5fbf4;
  --cds-green-30:#f0f9ef;
  --cds-green-40:#ebf7e9;
  --cds-green-50:#e5f4e4;
  --cds-green-60:#e0f2de;
  --cds-green-70:#dbf0d8;
  --cds-green-80:#d5eed3;
  --cds-green-90:#d0eccd;
  --cds-green-100:#caeac7;
  --cds-green-150:#aee0a9;
  --cds-green-200:#91d68b;
  --cds-green-250:#73cb6d;
  --cds-green-300:#55bf50;
  --cds-green-350:#35b231;
  --cds-green-400:#0ca30c;
  --cds-green-450:#009300;
  --cds-green-500:#008300;
  --cds-green-550:#007300;
  --cds-green-600:#006300;
  --cds-green-650:#005400;
  --cds-green-700:#074506;
  --cds-green-750:#0f350d;
  --cds-green-800:#11260f;
  --cds-green-810:#10230f;
  --cds-green-820:#10210f;
  --cds-green-830:#101e0f;
  --cds-green-840:#101b0f;
  --cds-green-850:#0f180e;
  --cds-green-860:#0e160e;
  --cds-green-870:#0e130d;
  --cds-green-880:#0d100d;
  --cds-green-890:#0c0e0c;
  --cds-green-900:#0b0b0b;
  --cds-aqua-0:#fff;
  --cds-aqua-10:#f9fdfb;
  --cds-aqua-20:#f3fbf8;
  --cds-aqua-30:#edf9f4;
  --cds-aqua-40:#e8f7f1;
  --cds-aqua-50:#e2f4ed;
  --cds-aqua-60:#dcf2ea;
  --cds-aqua-70:#d5f0e6;
  --cds-aqua-80:#ceefe2;
  --cds-aqua-90:#c7eddf;
  --cds-aqua-100:#bfebdb;
  --cds-aqua-150:#a0e1c9;
  --cds-aqua-200:#7ad7b4;
  --cds-aqua-250:#5acba0;
  --cds-aqua-300:#3bbd8c;
  --cds-aqua-350:#1baf7a;
  --cds-aqua-400:#199e70;
  --cds-aqua-450:#138e65;
  --cds-aqua-500:#0f7e5c;
  --cds-aqua-550:#0e6e53;
  --cds-aqua-600:#065f49;
  --cds-aqua-650:#095040;
  --cds-aqua-700:#034235;
  --cds-aqua-750:#02342b;
  --cds-aqua-800:#022720;
  --cds-aqua-810:#02241e;
  --cds-aqua-820:#02221c;
  --cds-aqua-830:#021f1a;
  --cds-aqua-840:#031c18;
  --cds-aqua-850:#051a16;
  --cds-aqua-860:#071713;
  --cds-aqua-870:#081411;
  --cds-aqua-880:#0a110f;
  --cds-aqua-890:#0b0e0d;
  --cds-aqua-900:#0b0b0b;
  --cds-blue-0:#fff;
  --cds-blue-10:#fafcff;
  --cds-blue-20:#f5f9fe;
  --cds-blue-30:#f0f7fe;
  --cds-blue-40:#ebf4fc;
  --cds-blue-50:#e7f1fb;
  --cds-blue-60:#e2eefa;
  --cds-blue-70:#ddebfa;
  --cds-blue-80:#d7e8fa;
  --cds-blue-90:#d2e5fa;
  --cds-blue-100:#cde2fb;
  --cds-blue-150:#b7d3f6;
  --cds-blue-200:#9ec5f4;
  --cds-blue-250:#86b6ef;
  --cds-blue-300:#6da7ec;
  --cds-blue-350:#5598e7;
  --cds-blue-400:#3987e5;
  --cds-blue-450:#2a78d6;
  --cds-blue-500:#256abf;
  --cds-blue-550:#1c5cab;
  --cds-blue-600:#184f95;
  --cds-blue-650:#104281;
  --cds-blue-700:#0d366b;
  --cds-blue-750:#062b57;
  --cds-blue-800:#032042;
  --cds-blue-810:#031e3d;
  --cds-blue-820:#021c39;
  --cds-blue-830:#021a36;
  --cds-blue-840:#021831;
  --cds-blue-850:#03162c;
  --cds-blue-860:#051426;
  --cds-blue-870:#07121f;
  --cds-blue-880:#091018;
  --cds-blue-890:#0a0d11;
  --cds-blue-900:#0b0b0b;
  --cds-violet-0:#fff;
  --cds-violet-10:#fcfbff;
  --cds-violet-20:#f8f8ff;
  --cds-violet-30:#f5f4ff;
  --cds-violet-40:#f2f1ff;
  --cds-violet-50:#efedff;
  --cds-violet-60:#ebeafe;
  --cds-violet-70:#e8e6fe;
  --cds-violet-80:#e5e2fd;
  --cds-violet-90:#e2dffd;
  --cds-violet-100:#dfdbfd;
  --cds-violet-150:#cfcafb;
  --cds-violet-200:#bfb9f5;
  --cds-violet-250:#b0a7f2;
  --cds-violet-300:#a096eb;
  --cds-violet-350:#9085e9;
  --cds-violet-400:#8173e3;
  --cds-violet-450:#7161e0;
  --cds-violet-500:#6250d6;
  --cds-violet-550:#5645be;
  --cds-violet-600:#4a3aa7;
  --cds-violet-650:#3e318e;
  --cds-violet-700:#322777;
  --cds-violet-750:#271e60;
  --cds-violet-800:#1d1649;
  --cds-violet-810:#1b1544;
  --cds-violet-820:#19133f;
  --cds-violet-830:#17123b;
  --cds-violet-840:#151036;
  --cds-violet-850:#130f32;
  --cds-violet-860:#110e2b;
  --cds-violet-870:#0f0e23;
  --cds-violet-880:#0e0d1b;
  --cds-violet-890:#0c0c13;
  --cds-violet-900:#0b0b0b;
  --cds-magenta-0:#fff;
  --cds-magenta-10:#fefbfc;
  --cds-magenta-20:#fef6f9;
  --cds-magenta-30:#fdf2f6;
  --cds-magenta-40:#fbeff3;
  --cds-magenta-50:#faebf0;
  --cds-magenta-60:#f9e6ed;
  --cds-magenta-70:#f9e2eb;
  --cds-magenta-80:#f9dee8;
  --cds-magenta-90:#f9d9e5;
  --cds-magenta-100:#f9d4e2;
  --cds-magenta-150:#f3c0d3;
  --cds-magenta-200:#f3a8c3;
  --cds-magenta-250:#ed93b4;
  --cds-magenta-300:#e87ba4;
  --cds-magenta-350:#e46191;
  --cds-magenta-400:#d55181;
  --cds-magenta-450:#c04873;
  --cds-magenta-500:#ad3d66;
  --cds-magenta-550:#993458;
  --cds-magenta-600:#862a4c;
  --cds-magenta-650:#722340;
  --cds-magenta-700:#5e1c34;
  --cds-magenta-750:#4c1429;
  --cds-magenta-800:#390f1f;
  --cds-magenta-810:#360d1c;
  --cds-magenta-820:#320c1a;
  --cds-magenta-830:#2f0b18;
  --cds-magenta-840:#2b0a16;
  --cds-magenta-850:#270a14;
  --cds-magenta-860:#220a12;
  --cds-magenta-870:#1c0b11;
  --cds-magenta-880:#170b0f;
  --cds-magenta-890:#110b0d;
  --cds-magenta-900:#0b0b0b;
  --cds-pictogram-highlight-default:var(--cds-gray-80);
  --cds-pictogram-highlight-heather:var(--cds-heather);
  --cds-pictogram-highlight-cactus:var(--cds-cactus);
  --cds-pictogram-highlight-peach:var(--cds-peach);
  --cds-cursor-interactive:pointer;
  --cds-neutral-0:var(--cds-gray-0);
  --cds-neutral-10:var(--cds-gray-10);
  --cds-neutral-20:var(--cds-gray-20);
  --cds-neutral-30:var(--cds-gray-30);
  --cds-neutral-40:var(--cds-gray-40);
  --cds-neutral-50:var(--cds-gray-50);
  --cds-neutral-60:var(--cds-gray-60);
  --cds-neutral-70:var(--cds-gray-70);
  --cds-neutral-80:var(--cds-gray-80);
  --cds-neutral-90:var(--cds-gray-90);
  --cds-neutral-100:var(--cds-gray-100);
  --cds-neutral-150:var(--cds-gray-150);
  --cds-neutral-200:var(--cds-gray-200);
  --cds-neutral-250:var(--cds-gray-250);
  --cds-neutral-300:var(--cds-gray-300);
  --cds-neutral-350:var(--cds-gray-350);
  --cds-neutral-400:var(--cds-gray-400);
  --cds-neutral-450:var(--cds-gray-450);
  --cds-neutral-500:var(--cds-gray-500);
  --cds-neutral-550:var(--cds-gray-550);
  --cds-neutral-600:var(--cds-gray-600);
  --cds-neutral-650:var(--cds-gray-650);
  --cds-neutral-700:var(--cds-gray-700);
  --cds-neutral-750:var(--cds-gray-750);
  --cds-neutral-800:var(--cds-gray-800);
  --cds-neutral-810:var(--cds-gray-810);
  --cds-neutral-820:var(--cds-gray-820);
  --cds-neutral-830:var(--cds-gray-830);
  --cds-neutral-840:var(--cds-gray-840);
  --cds-neutral-850:var(--cds-gray-850);
  --cds-neutral-860:var(--cds-gray-860);
  --cds-neutral-870:var(--cds-gray-870);
  --cds-neutral-880:var(--cds-gray-880);
  --cds-neutral-890:var(--cds-gray-890);
  --cds-neutral-900:var(--cds-gray-900);
  --cds-alpha-0:hsl(from var(--cds-neutral-900) h s l / 0%);
  --cds-alpha-1:hsl(from var(--cds-neutral-900) h s l / 5%);
  --cds-alpha-2:hsl(from var(--cds-neutral-900) h s l / 10%);
  --cds-alpha-3:hsl(from var(--cds-neutral-900) h s l / 20%);
  --cds-alpha-4:hsl(from var(--cds-neutral-900) h s l / 35%);
  --cds-alpha-5:hsl(from var(--cds-neutral-900) h s l / 50%);
  --cds-alpha-6:hsl(from var(--cds-neutral-900) h s l / 60%);
  --cds-alpha-7:hsl(from var(--cds-neutral-900) h s l / 70%);
  --cds-alpha-8:hsl(from var(--cds-neutral-900) h s l / 85%);
  --cds-alpha-9:hsl(from var(--cds-neutral-900) h s l / 95%);
  --cds-surface-0:var(--cds-gray-20);
  --cds-surface-1:var(--cds-gray-10);
  --cds-surface-2:var(--cds-gray-0);
  --cds-surface-3:var(--cds-gray-0);
  --cds-surface-popover:var(--cds-surface-3);
  --cds-surface-panel:var(--cds-surface-2);
  --cds-page-bg:var(--cds-surface-0);
  --cds-fill-accent:var(--cds-blue-450);
  --cds-fill-accent-hover:var(--cds-blue-400);
  --cds-fill-danger:var(--cds-red-450);
  --cds-fill-danger-hover:var(--cds-red-400);
  --cds-fill-success:var(--cds-green-450);
  --cds-fill-success-hover:var(--cds-green-400);
  --cds-fill-warning:var(--cds-yellow-200);
  --cds-fill-warning-hover:var(--cds-yellow-250);
  --cds-fill-pro:var(--cds-violet-450);
  --cds-fill-pro-hover:var(--cds-violet-400);
  --cds-fill-brand:var(--cds-clay-emphasized);
  --cds-fill-brand-hover:var(--cds-clay);
  --cds-fill-primary:var(--cds-neutral-900);
  --cds-fill-primary-hover:var(--cds-neutral-750);
  --cds-fill-secondary:#ffffff1a;
  --cds-fill-secondary-hover:var(--cds-alpha-1);
  --cds-fill-secondary-ring:var(--cds-border);
  --cds-fill-field:#ffffff80;
  --cds-fill-ghost-hover:var(--cds-alpha-1);
  --cds-fill-disabled:var(--cds-alpha-1);
  --cds-fill-control:var(--cds-alpha-2);
  --cds-fill-control-hover:var(--cds-alpha-3);
  --cds-bg-accent:var(--cds-blue-100);
  --cds-bg-accent-chip:var(--cds-bg-accent);
  --cds-bg-danger:var(--cds-red-100);
  --cds-bg-danger-chip:var(--cds-bg-danger);
  --cds-bg-success:var(--cds-green-100);
  --cds-bg-success-chip:var(--cds-bg-success);
  --cds-bg-warning:var(--cds-yellow-100);
  --cds-bg-warning-chip:var(--cds-bg-warning);
  --cds-bg-pro:var(--cds-violet-100);
  --cds-bg-pro-chip:var(--cds-bg-pro);
  --cds-bg-pink:var(--cds-magenta-50);
  --cds-bg-pink-chip:var(--cds-bg-pink);
  --cds-bg-neutral:var(--cds-alpha-1);
  --cds-bg-neutral-hover:var(--cds-alpha-2);
  --cds-bg-neutral-chip:var(--cds-bg-neutral);
  --cds-bg-neutral-chip-hover:var(--cds-bg-neutral-hover);
  --cds-backdrop:#0006;
  --cds-text-accent:var(--cds-blue-600);
  --cds-text-danger:var(--cds-red-600);
  --cds-text-success:var(--cds-green-600);
  --cds-text-warning:var(--cds-yellow-600);
  --cds-text-pro:var(--cds-violet-600);
  --cds-text-pink:var(--cds-magenta-600);
  --cds-text-primary:var(--cds-neutral-900);
  --cds-text-secondary:var(--cds-neutral-600);
  --cds-text-muted:var(--cds-neutral-400);
  --cds-text-disabled:var(--cds-alpha-4);
  --cds-font-size-caption:11px;
  --cds-font-size-footnote:12px;
  --cds-font-size-code:12px;
  --cds-font-size-body:13px;
  --cds-font-size-heading:14px;
  --cds-font-size-title:20px;
  --cds-leading-caption:14px;
  --cds-leading-footnote:14px;
  --cds-leading-code:17px;
  --cds-leading-body:18px;
  --cds-leading-heading:18px;
  --cds-leading-title:24px;
  --cds-on-primary:var(--cds-neutral-0);
  --cds-on-accent:var(--cds-gray-0);
  --cds-on-danger:var(--cds-gray-0);
  --cds-on-success:var(--cds-gray-900);
  --cds-on-warning:var(--cds-gray-900);
  --cds-on-pro:var(--cds-gray-0);
  --cds-on-brand:var(--cds-gray-0);
  --cds-z-modal:40;
  --cds-z-popover:50;
  --cds-z-tooltip:50;
  --cds-z-toast:60;
  --cds-avatar-sm:20px;
  --cds-avatar-md:28px;
  --cds-avatar-lg:36px;
  --cds-checkbox:16px;
  --cds-checkbox-glyph:16px;
  --cds-checkbox-radius:4px;
  --cds-segmented-control-thumb:var(--cds-surface-popover);
  --cds-segmented-control-track:var(--cds-alpha-1);
  --cds-skeleton-base:var(--cds-alpha-2);
  --cds-skeleton-sheen:var(--cds-alpha-2);
  --cds-switch-knob:var(--cds-gray-0);
  --cds-switch-track:var(--cds-alpha-3);
  --cds-switch-track-hover:var(--cds-alpha-4);
  --cds-switch-h:16px;
}

[data-mode=dark] .cds-root:not([data-mode=light]):not([data-mode=system]),.cds-root[data-mode=dark] {
  --cds-border-accent:var(--cds-blue-700);
  --cds-border-danger:var(--cds-red-700);
  --cds-border-success:var(--cds-green-700);
  --cds-border-warning:var(--cds-yellow-700);
  --cds-border-pro:var(--cds-violet-700);
  --cds-shadow-color:#0000003d;
  --cds-shadow-popover:0 8px 24px #00000052, 0 2px 6px #0003;
  --cds-ring-outer:0px;
  --cds-ring-inner:1px;
  --cds-ring-color:var(--cds-alpha-2);
  --cds-focus-shadow:inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent), 0 0 6px 1px hsl(from var(--cds-blue-600) h s l / 60%);
  --cds-pictogram-highlight-default:var(--cds-gray-650);
  --cds-pictogram-highlight-heather:var(--cds-plum);
  --cds-pictogram-highlight-cactus:var(--cds-mineral);
  --cds-pictogram-highlight-peach:var(--cds-clay-emphasized);
  --cds-neutral-0:var(--cds-gray-900);
  --cds-neutral-10:var(--cds-gray-890);
  --cds-neutral-20:var(--cds-gray-880);
  --cds-neutral-30:var(--cds-gray-870);
  --cds-neutral-40:var(--cds-gray-860);
  --cds-neutral-50:var(--cds-gray-850);
  --cds-neutral-60:var(--cds-gray-840);
  --cds-neutral-70:var(--cds-gray-830);
  --cds-neutral-80:var(--cds-gray-820);
  --cds-neutral-90:var(--cds-gray-810);
  --cds-neutral-100:var(--cds-gray-800);
  --cds-neutral-150:var(--cds-gray-750);
  --cds-neutral-200:var(--cds-gray-700);
  --cds-neutral-250:var(--cds-gray-650);
  --cds-neutral-300:var(--cds-gray-600);
  --cds-neutral-350:var(--cds-gray-550);
  --cds-neutral-400:var(--cds-gray-500);
  --cds-neutral-450:var(--cds-gray-450);
  --cds-neutral-500:var(--cds-gray-400);
  --cds-neutral-550:var(--cds-gray-350);
  --cds-neutral-600:var(--cds-gray-300);
  --cds-neutral-650:var(--cds-gray-250);
  --cds-neutral-700:var(--cds-gray-200);
  --cds-neutral-750:var(--cds-gray-150);
  --cds-neutral-800:var(--cds-gray-100);
  --cds-neutral-810:var(--cds-gray-90);
  --cds-neutral-820:var(--cds-gray-80);
  --cds-neutral-830:var(--cds-gray-70);
  --cds-neutral-840:var(--cds-gray-60);
  --cds-neutral-850:var(--cds-gray-50);
  --cds-neutral-860:var(--cds-gray-40);
  --cds-neutral-870:var(--cds-gray-30);
  --cds-neutral-880:var(--cds-gray-20);
  --cds-neutral-890:var(--cds-gray-10);
  --cds-neutral-900:var(--cds-gray-0);
  --cds-surface-0:var(--cds-gray-890);
  --cds-surface-1:var(--cds-gray-830);
  --cds-surface-2:var(--cds-gray-750);
  --cds-surface-3:var(--cds-gray-700);
  --cds-fill-primary-hover:var(--cds-gray-100);
  --cds-fill-secondary:var(--cds-alpha-2);
  --cds-fill-secondary-hover:#ffffff24;
  --cds-fill-secondary-ring:transparent;
  --cds-fill-field:var(--cds-fill-secondary);
  --cds-bg-accent:var(--cds-blue-800);
  --cds-bg-danger:var(--cds-red-800);
  --cds-bg-success:var(--cds-green-800);
  --cds-bg-warning:var(--cds-yellow-800);
  --cds-bg-pro:var(--cds-violet-800);
  --cds-bg-pink:var(--cds-magenta-800);
  --cds-backdrop:#00000080;
  --cds-text-accent:var(--cds-blue-300);
  --cds-text-danger:var(--cds-red-300);
  --cds-text-success:var(--cds-green-400);
  --cds-text-warning:var(--cds-yellow-300);
  --cds-text-pro:var(--cds-violet-300);
  --cds-text-pink:var(--cds-magenta-400);
  --cds-text-secondary:var(--cds-gray-200);
  --cds-text-muted:var(--cds-gray-400);
  --cds-segmented-control-thumb:var(--cds-alpha-3);
}

.cds-root[data-font=system] {
  --cds-font-sans:var(--cds-font-system);
}

.cds-root[data-platform=desktop] {
  --cds-cursor-interactive:default;
}

.cds-root[data-density=comfortable] {
  --cds-radius:8px;
  --cds-h-control:32px;
  --cds-h-control-nested:22px;
  --cds-icon:20px;
  --cds-pad-sm:8px;
  --cds-pad-md:12px;
  --cds-pad-lg:16px;
  --cds-pad-xl:24px;
  --cds-gap-xs:8px;
  --cds-gap-sm:12px;
  --cds-gap-md:16px;
  --cds-gap-lg:28px;
  --cds-gap-xl:40px;
  --cds-font-size-caption:12px;
  --cds-font-size-footnote:13px;
  --cds-font-size-code:13px;
  --cds-font-size-body:14px;
  --cds-font-size-heading:15px;
  --cds-font-size-title:22px;
  --cds-leading-caption:14px;
  --cds-leading-footnote:16px;
  --cds-leading-code:19px;
  --cds-leading-body:20px;
  --cds-leading-heading:20px;
  --cds-leading-title:26px;
  --cds-avatar-sm:24px;
  --cds-avatar-md:32px;
  --cds-avatar-lg:40px;
  --cds-checkbox:20px;
  --cds-checkbox-glyph:16px;
  --cds-checkbox-radius:5px;
  --cds-switch-h:20px;
}

.cds-root [data-step="1"],.cds-root[data-density=compact] [data-size=xs],.cds-root[data-density=compact] [data-size=sm] {
  --cds-radius:5px;
  --cds-h-control:20px;
  --cds-h-control-nested:16px;
  --cds-icon:12px;
  --cds-pad-sm:4px;
  --cds-pad-md:6px;
  --cds-pad-lg:10px;
  --cds-pad-xl:14px;
  --cds-font-size-caption:10px;
  --cds-font-size-body:12px;
  --cds-checkbox:14px;
  --cds-checkbox-glyph:14px;
  --cds-checkbox-radius:4px;
  --cds-switch-h:14px;
}

.cds-root [data-step="2"],.cds-root[data-density=comfortable] [data-size=xs] {
  --cds-radius:6px;
  --cds-h-control:24px;
  --cds-h-control-nested:18px;
  --cds-icon:16px;
  --cds-pad-sm:6px;
  --cds-pad-md:8px;
  --cds-pad-lg:12px;
  --cds-pad-xl:20px;
  --cds-font-size-caption:11px;
  --cds-font-size-body:13px;
  --cds-checkbox:16px;
  --cds-checkbox-glyph:16px;
  --cds-checkbox-radius:4px;
  --cds-switch-h:16px;
}

.cds-root [data-step="3"],.cds-root[data-density=compact] [data-size=lg],.cds-root[data-density=comfortable] [data-size=sm] {
  --cds-radius:7px;
  --cds-h-control:28px;
  --cds-h-control-nested:20px;
  --cds-icon:16px;
  --cds-pad-sm:8px;
  --cds-pad-md:10px;
  --cds-pad-lg:14px;
  --cds-pad-xl:22px;
  --cds-font-size-caption:12px;
  --cds-font-size-body:14px;
  --cds-checkbox:18px;
  --cds-checkbox-glyph:16px;
  --cds-checkbox-radius:5px;
  --cds-switch-h:18px;
}

.cds-root [data-step="4"] {
  --cds-radius:8px;
  --cds-h-control:32px;
  --cds-h-control-nested:22px;
  --cds-icon:20px;
  --cds-pad-sm:8px;
  --cds-pad-md:12px;
  --cds-pad-lg:16px;
  --cds-pad-xl:24px;
  --cds-font-size-caption:12px;
  --cds-font-size-body:14px;
  --cds-checkbox:20px;
  --cds-checkbox-glyph:16px;
  --cds-checkbox-radius:5px;
  --cds-switch-h:20px;
}

.cds-root [data-step="5"],.cds-root[data-density=comfortable] [data-size=lg] {
  --cds-radius:10px;
  --cds-h-control:40px;
  --cds-h-control-nested:28px;
  --cds-icon:24px;
  --cds-pad-sm:12px;
  --cds-pad-md:16px;
  --cds-pad-lg:20px;
  --cds-pad-xl:28px;
  --cds-font-size-caption:13px;
  --cds-font-size-body:15px;
  --cds-checkbox:24px;
  --cds-checkbox-glyph:20px;
  --cds-checkbox-radius:6px;
  --cds-switch-h:24px;
}

.cds-root[data-cds-portal] {
  --cds-z-modal:1900;
  --cds-z-popover:3600;
  --cds-z-tooltip:3600;
  --cds-z-toast:9000;
}