/**
 * Do not edit directly, this file was auto-generated.
 */

:root, .toku-theme {
  --color-base-white: #ffffff; /** Pure white. */
  --color-base-black: #000000; /** Pure black. */
  --color-primary-1: #f3f1f4;
  --color-primary-2: #f0ecf3;
  --color-primary-3: #ebe1f2;
  --color-primary-4: #e5d5f0;
  --color-primary-5: #ddc7ed;
  --color-primary-6: #d2b5e7;
  --color-primary-7: #c59fdf;
  --color-primary-8: #b481d5;
  --color-primary-9: #3c1053;
  --color-primary-10: #51276a;
  --color-primary-11: #72418f;
  --color-primary-12: #461b5e;
  --color-primary-alpha-1: #902ac305;
  --color-primary-alpha-2: #7610c20a;
  --color-primary-alpha-3: #7c03d115;
  --color-primary-alpha-4: #7d05d022;
  --color-primary-alpha-5: #7601cb30;
  --color-primary-alpha-6: #7001c043;
  --color-primary-alpha-7: #6d01b65a;
  --color-primary-alpha-8: #6c01b279;
  --color-primary-alpha-9: #300149ef;
  --color-primary-alpha-10: #330151d7;
  --color-primary-alpha-11: #44016bbc;
  --color-primary-alpha-12: #30004be3;
  --color-gray-1: #fcfcfc;
  --color-gray-2: #f9f9f9;
  --color-gray-3: #f0f0f0;
  --color-gray-4: #e8e8e8;
  --color-gray-5: #e0e0e0;
  --color-gray-6: #d9d9d9;
  --color-gray-7: #cecece;
  --color-gray-8: #bbbbbb;
  --color-gray-9: #8d8d8d;
  --color-gray-10: #838383;
  --color-gray-11: #646464;
  --color-gray-12: #202020;
  --color-gray-alpha-1: #00000003;
  --color-gray-alpha-2: #00000006;
  --color-gray-alpha-3: #00000010;
  --color-gray-alpha-4: #00000018;
  --color-gray-alpha-5: #00000020;
  --color-gray-alpha-6: #00000027;
  --color-gray-alpha-7: #00000032;
  --color-gray-alpha-8: #00000045;
  --color-gray-alpha-9: #00000073;
  --color-gray-alpha-10: #0000007d;
  --color-gray-alpha-11: #0000009c;
  --color-gray-alpha-12: #000000e0;
  --color-red-1: #fffcfc;
  --color-red-2: #fff7f7;
  --color-red-3: #feebec;
  --color-red-4: #ffdbdc;
  --color-red-5: #ffcdce;
  --color-red-6: #fdbdbe;
  --color-red-7: #f4a9aa;
  --color-red-8: #eb8e90;
  --color-red-9: #e5484d;
  --color-red-10: #dc3e42;
  --color-red-11: #ce2c31;
  --color-red-12: #641723;
  --color-green-1: #fbfefc;
  --color-green-2: #f4fbf6;
  --color-green-3: #e6f6eb;
  --color-green-4: #d6f1df;
  --color-green-5: #c4e8d1;
  --color-green-6: #adddc0;
  --color-green-7: #8eceaa;
  --color-green-8: #5bb98b;
  --color-green-9: #30a46c;
  --color-green-10: #2b9a66;
  --color-green-11: #218358;
  --color-green-12: #193b2d;
  --color-amber-1: #fefdfb;
  --color-amber-2: #fefbe9;
  --color-amber-3: #fff7c2;
  --color-amber-4: #ffee9c;
  --color-amber-5: #fbe577;
  --color-amber-6: #f3d673;
  --color-amber-7: #e9c162;
  --color-amber-8: #e2a336;
  --color-amber-9: #ffc53d;
  --color-amber-10: #ffba18;
  --color-amber-11: #ab6400;
  --color-amber-12: #4f3422;
  --color-orange-1: #fefcfb;
  --color-orange-2: #fff7ed;
  --color-orange-3: #ffefd6;
  --color-orange-4: #ffdfb5;
  --color-orange-5: #ffd19a;
  --color-orange-6: #ffc182;
  --color-orange-7: #f5ae73;
  --color-orange-8: #ec9455;
  --color-orange-9: #f76b15;
  --color-orange-10: #ef5f00;
  --color-orange-11: #cc4e00;
  --color-orange-12: #582d1d;
  --color-blue-1: #fbfdff;
  --color-blue-2: #f4faff;
  --color-blue-3: #e6f4fe;
  --color-blue-4: #d5efff;
  --color-blue-5: #c2e5ff;
  --color-blue-6: #acd8fc;
  --color-blue-7: #8ec8f6;
  --color-blue-8: #5eb1ef;
  --color-blue-9: #0090ff;
  --color-blue-10: #0588f0;
  --color-blue-11: #0d74ce;
  --color-blue-12: #113264;
  --space-0: 0;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --radius-0: 0; /** Square. */
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-9999: 9999px; /** Pill / fully rounded. */
  --font-family-base: 'Manrope', sans-serif; /** Default UI font. Consumers wire the webfont themselves (see README). */
  --font-size-8: 0.5rem;
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-40: 2.5rem;
  --font-size-48: 3rem;
  --font-size-52: 3.25rem;
  --line-height-10: 0.625rem;
  --line-height-12: 0.75rem;
  --line-height-14: 0.875rem;
  --line-height-16: 1rem;
  --line-height-18: 1.125rem;
  --line-height-20: 1.25rem;
  --line-height-22: 1.375rem;
  --line-height-24: 1.5rem;
  --line-height-26: 1.625rem;
  --line-height-32: 2rem;
  --line-height-36: 2.25rem;
  --line-height-40: 2.5rem;
  --line-height-48: 3rem;
  --line-height-56: 3.5rem;
  --line-height-60: 3.75rem;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --border-width-0: 0; /** No border. */
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --opacity-0: 0;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-75: 0.75;
  --opacity-90: 0.9;
  --opacity-100: 1;
  --shadow-none: none; /** No shadow. */
  --shadow-sm: 0 1px 2px 0 #0000000D; /** TBD: design — subtle ambient shadow. */
  --shadow-md: 0 4px 6px -1px #0000001A, 0 2px 4px -2px #0000001A; /** TBD: design — card-level shadow. */
  --shadow-lg: 0 10px 15px -3px #0000001A, 0 4px 6px -4px #0000001A; /** TBD: design — floating elements (popovers, dropdowns). */
  --shadow-xl: 0 20px 25px -5px #0000001A, 0 8px 10px -6px #0000001A; /** TBD: design — modals, large overlays. */
  --shadow-side: -6px 0 30px 0 #0000001A; /** Leftward elevation for panels anchored to the right edge of the viewport. */
  --motion-duration-instant: 0ms; /** No animation (e.g. prefers-reduced-motion overrides). */
  --motion-duration-fast: 150ms; /** TBD: design — quick control interactions (hover, focus). */
  --motion-duration-base: 250ms; /** TBD: design — default transition duration. */
  --motion-duration-slow: 400ms; /** TBD: design — large layout shifts, modal entrances. */
  --motion-duration-pulse: 1400ms; /** Period of one looping loading pulse. Deliberately off the instant/fast/base/slow scale: that scale sizes one-shot state changes, this is the period of an animation that repeats until the work finishes. */
  --motion-easing-linear: cubic-bezier(0, 0, 1, 1); /** Constant velocity. For loading indicators. */
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); /** TBD: design — default easing (Material 3 standard). */
  --motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1); /** TBD: design — emphasized motion for hero transitions (Material 3 emphasized). */
  --motion-easing-decelerated: cubic-bezier(0, 0, 0, 1); /** TBD: design — for entering elements (Material 3 standard decelerate). */
  --motion-easing-accelerated: cubic-bezier(0.3, 0, 1, 1); /** TBD: design — for exiting elements (Material 3 standard accelerate). */
  --z-base: 1; /** Default content layer. */
  --z-sticky: 100; /** Sticky headers, footers. */
  --z-fixed: 200; /** Fixed navigation. */
  --z-overlay: 300; /** Backdrops, scrims. */
  --z-modal: 400; /** Modal dialogs, drawers. */
  --z-popover: 500; /** Popovers, menus, dropdowns. */
  --z-toast: 600; /** Notifications. */
  --z-tooltip: 700; /** Always-on-top tooltips. */
  --focus-ring-width: 2px; /** TBD: design — width of the primary focus outline. */
  --focus-ring-offset: 2px; /** TBD: design — gap between element and outline. */
  --focus-ring-halo-width: 4px; /** TBD: design — width of the translucent halo. */
  --breakpoint-mobile: 0px;
  --breakpoint-desktop: 769px;
  --color-base-background: var(--color-gray-2); /** App canvas background. Aliases gray step 2 in Figma. */
  --color-brand-1: var(--color-primary-1); /** Deprecated. */
  --color-brand-2: var(--color-primary-2); /** Deprecated. */
  --color-brand-3: var(--color-primary-3); /** Deprecated. */
  --color-brand-4: var(--color-primary-4); /** Deprecated. */
  --color-brand-5: var(--color-primary-5); /** Deprecated. */
  --color-brand-6: var(--color-primary-6); /** Deprecated. */
  --color-brand-7: var(--color-primary-7); /** Deprecated. */
  --color-brand-8: var(--color-primary-8); /** Deprecated. */
  --color-brand-9: var(--color-primary-9); /** Deprecated. */
  --color-brand-10: var(--color-primary-10); /** Deprecated. */
  --color-brand-11: var(--color-primary-11); /** Deprecated. */
  --color-brand-12: var(--color-primary-12); /** Deprecated. */
  --color-brand-a-1: var(--color-primary-alpha-1); /** Deprecated. */
  --color-brand-a-2: var(--color-primary-alpha-2); /** Deprecated. */
  --color-brand-a-3: var(--color-primary-alpha-3); /** Deprecated. */
  --color-brand-a-4: var(--color-primary-alpha-4); /** Deprecated. */
  --color-brand-a-5: var(--color-primary-alpha-5); /** Deprecated. */
  --color-brand-a-6: var(--color-primary-alpha-6); /** Deprecated. */
  --color-brand-a-7: var(--color-primary-alpha-7); /** Deprecated. */
  --color-brand-a-8: var(--color-primary-alpha-8); /** Deprecated. */
  --color-brand-a-9: var(--color-primary-alpha-9); /** Deprecated. */
  --color-brand-a-10: var(--color-primary-alpha-10); /** Deprecated. */
  --color-brand-a-11: var(--color-primary-alpha-11); /** Deprecated. */
  --color-brand-a-12: var(--color-primary-alpha-12); /** Deprecated. */
  --color-gray-a-7: var(--color-gray-alpha-7); /** Deprecated. */
  --color-gray-a-11: var(--color-gray-alpha-11); /** Deprecated. */
  --color-white: var(--color-base-white); /** Deprecated. */
  --color-black: var(--color-base-black); /** Deprecated. */
  --color-bg-surface-subtle-default: var(--color-gray-2); /** Deprecated. */
  --color-bg-surface-raised-default: var(--color-base-white); /** Deprecated. */
  --color-bg-surface-sunken-default: var(--color-gray-3); /** Deprecated. */
  --color-text-on-primary-default: var(--color-base-white); /** Deprecated. */
  --color-border-default-default: var(--color-gray-7); /** Deprecated. */
  --color-border-subtle-default: var(--color-gray-6); /** Deprecated. */
  --color-ring-focus-halo-default: var(--color-primary-alpha-5); /** Deprecated. */
  --radius-control: var(--radius-8);
  --radius-surface: var(--radius-12);
  --radius-overlay: var(--radius-16);
  --radius-full: var(--radius-9999);
  --radius-xs: var(--radius-2); /** Deprecated. */
  --radius-sm: var(--radius-6); /** Deprecated. */
  --radius-md: var(--radius-8); /** Deprecated. */
  --radius-lg: var(--radius-12); /** Deprecated. */
  --radius-xl: var(--radius-16); /** Deprecated. */
  --radius-control-sm-default: var(--radius-6); /** Deprecated. */
  --border-width-thin: var(--border-width-1); /** Deprecated. */
  --opacity-disabled: var(--opacity-50); /** Deprecated. */
  --font-h1-font-size: var(--font-size-52);
  --font-h1-line-height: var(--line-height-60);
  --font-h2-font-size: var(--font-size-48);
  --font-h2-line-height: var(--line-height-56);
  --font-h3-font-size: var(--font-size-40);
  --font-h3-line-height: var(--line-height-48);
  --font-h4-font-size: var(--font-size-32);
  --font-h4-line-height: var(--line-height-40);
  --font-s1-font-size: var(--font-size-28);
  --font-s1-line-height: var(--line-height-36);
  --font-s2-font-size: var(--font-size-24);
  --font-s2-line-height: var(--line-height-32);
  --font-s3-font-size: var(--font-size-18);
  --font-s3-line-height: var(--line-height-26);
  --font-s4-font-size: var(--font-size-16);
  --font-s4-line-height: var(--line-height-24);
  --font-b0-font-size: var(--font-size-20);
  --font-b0-line-height: var(--line-height-26);
  --font-b1-font-size: var(--font-size-18);
  --font-b1-line-height: var(--line-height-24);
  --font-b2-font-size: var(--font-size-16);
  --font-b2-line-height: var(--line-height-22);
  --font-b3-font-size: var(--font-size-14);
  --font-b3-line-height: var(--line-height-20);
  --font-b4-font-size: var(--font-size-12);
  --font-b4-line-height: var(--line-height-18);
  --font-b5-font-size: var(--font-size-10);
  --font-b5-line-height: var(--line-height-16);
  --font-b6-font-size: var(--font-size-8);
  --font-b6-line-height: var(--line-height-14);
  --shadow-raised-default: var(--shadow-md); /** Cards, raised panels. */
  --shadow-overlay-default: var(--shadow-lg); /** Popovers, dropdowns, menus. */
  --shadow-dialog-default: var(--shadow-xl); /** Modals, large overlays. */
  --shadow-drawer-default: var(--shadow-side); /** Side drawers anchored to the right edge. */
  --shadow-sticky-default: var(--shadow-sm); /** Sticky headers, footers — subtle elevation cue. */
  --motion-control-duration: var(--motion-duration-fast);
  --motion-control-easing: var(--motion-easing-standard);
  --motion-layout-duration: var(--motion-duration-base);
  --motion-layout-easing: var(--motion-easing-emphasized);
  --motion-enter-duration: var(--motion-duration-base);
  --motion-enter-easing: var(--motion-easing-decelerated);
  --motion-exit-duration: var(--motion-duration-fast);
  --motion-exit-easing: var(--motion-easing-accelerated);
  --motion-loading-duration: var(--motion-duration-pulse);
  --motion-loading-easing: var(--motion-easing-standard);
  --primary-base: var(--color-primary-1);
  --primary-bg-subtle: var(--color-primary-2);
  --primary-bg: var(--color-primary-3);
  --primary-bg-hover: var(--color-primary-4);
  --primary-bg-active: var(--color-primary-5);
  --primary-line: var(--color-primary-6);
  --primary-border: var(--color-primary-7);
  --primary-border-hover: var(--color-primary-8);
  --primary-solid: var(--color-primary-9);
  --primary-solid-hover: var(--color-primary-10);
  --primary-text: var(--color-primary-11);
  --primary-text-contrast: var(--color-primary-12);
  --neutral-base: var(--color-gray-1);
  --neutral-bg-subtle: var(--color-gray-2);
  --neutral-bg: var(--color-gray-3);
  --neutral-bg-hover: var(--color-gray-4);
  --neutral-bg-active: var(--color-gray-5);
  --neutral-line: var(--color-gray-3);
  --neutral-border: var(--color-gray-6);
  --neutral-border-hover: var(--color-gray-8);
  --neutral-solid: var(--color-gray-9);
  --neutral-solid-hover: var(--color-gray-10);
  --neutral-text: var(--color-gray-11);
  --neutral-text-contrast: var(--color-gray-12);
  --danger-base: var(--color-red-1);
  --danger-bg-subtle: var(--color-red-2);
  --danger-bg: var(--color-red-3);
  --danger-bg-hover: var(--color-red-4);
  --danger-bg-active: var(--color-red-5);
  --danger-line: var(--color-red-6);
  --danger-border: var(--color-red-7);
  --danger-border-hover: var(--color-red-8);
  --danger-solid: var(--color-red-9);
  --danger-solid-hover: var(--color-red-10);
  --danger-text: var(--color-red-11);
  --danger-text-contrast: var(--color-red-12);
  --success-base: var(--color-green-1);
  --success-bg-subtle: var(--color-green-2);
  --success-bg: var(--color-green-3);
  --success-bg-hover: var(--color-green-4);
  --success-bg-active: var(--color-green-5);
  --success-line: var(--color-green-6);
  --success-border: var(--color-green-7);
  --success-border-hover: var(--color-green-8);
  --success-solid: var(--color-green-9);
  --success-solid-hover: var(--color-green-10);
  --success-text: var(--color-green-11);
  --success-text-contrast: var(--color-green-12);
  --process-base: var(--color-amber-1);
  --process-bg-subtle: var(--color-amber-2);
  --process-bg: var(--color-amber-3);
  --process-bg-hover: var(--color-amber-4);
  --process-bg-active: var(--color-amber-5);
  --process-line: var(--color-amber-6);
  --process-border: var(--color-amber-7);
  --process-border-hover: var(--color-amber-8);
  --process-solid: var(--color-amber-9);
  --process-solid-hover: var(--color-amber-10);
  --process-text: var(--color-amber-11);
  --process-text-contrast: var(--color-amber-12);
  --warning-base: var(--color-orange-1);
  --warning-bg-subtle: var(--color-orange-2);
  --warning-bg: var(--color-orange-3);
  --warning-bg-hover: var(--color-orange-4);
  --warning-bg-active: var(--color-orange-5);
  --warning-line: var(--color-orange-6);
  --warning-border: var(--color-orange-7);
  --warning-border-hover: var(--color-orange-8);
  --warning-solid: var(--color-orange-9);
  --warning-solid-hover: var(--color-orange-10);
  --warning-text: var(--color-orange-11);
  --warning-text-contrast: var(--color-orange-12);
  --info-base: var(--color-blue-1);
  --info-bg-subtle: var(--color-blue-2);
  --info-bg: var(--color-blue-3);
  --info-bg-hover: var(--color-blue-4);
  --info-bg-active: var(--color-blue-5);
  --info-line: var(--color-blue-6);
  --info-border: var(--color-blue-7);
  --info-border-hover: var(--color-blue-8);
  --info-solid: var(--color-blue-9);
  --info-solid-hover: var(--color-blue-10);
  --info-text: var(--color-blue-11);
  --info-text-contrast: var(--color-blue-12);
  --gap-unit: var(--space-4); /** Tightest — icon to its label. */
  --gap-item: var(--space-12); /** Between related items in a list. */
  --gap-group: var(--space-16); /** Between grouped controls. */
  --gap-block: var(--space-24); /** Between content blocks. */
  --gap-section: var(--space-48); /** Between page sections. */
  --inset-item: var(--space-8); /** Compact control padding. */
  --inset-group: var(--space-16); /** Standard container padding. */
  --inset-block: var(--space-24); /** Roomy card / panel padding. */
  --inset-section: var(--space-48); /** Page section padding. */
  --color-bg-surface-default: var(--color-base-background); /** Deprecated. */
  --color-bg-primary-default: var(--primary-solid); /** Deprecated. */
  --color-bg-primary-hover: var(--primary-solid-hover); /** Deprecated. */
  --color-bg-primary-subtle-default: var(--primary-bg-subtle); /** Deprecated. */
  --color-text-default-default: var(--neutral-text-contrast); /** Deprecated. */
  --color-text-muted-default: var(--neutral-text); /** Deprecated. */
  --color-text-primary-default: var(--primary-text); /** Deprecated. */
  --color-text-disabled-default: var(--neutral-solid); /** Deprecated. */
  --color-icon-default-default: var(--neutral-text-contrast); /** Deprecated. */
  --color-icon-muted-default: var(--neutral-text); /** Deprecated. */
  --color-ring-focus-default: var(--primary-border); /** Deprecated. */
  --radius-control-default: var(--radius-control); /** Deprecated. */
  --radius-surface-default: var(--radius-surface); /** Deprecated. */
  --radius-pill-default: var(--radius-full); /** Deprecated. */
}