/* Meridian tokens, generated from the design system's tokens.json. Do not edit by hand. */

:root, [data-theme="light"] {
  color-scheme: light;
  --background-100: #ffffff;
  --background-200: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #efefef;
  --gray-300: #e8e8e8;
  --gray-400: #e3e3e3;
  --gray-500: #d0d0d0;
  --gray-600: #b5b5b5;
  --gray-700: #8f8f8f;
  --gray-800: #7a7a7a;
  --gray-900: #666666;
  --gray-1000: #171717;
  --gray-alpha-100: rgba(0,0,0,0.039);
  --gray-alpha-200: rgba(0,0,0,0.063);
  --gray-alpha-300: rgba(0,0,0,0.09);
  --gray-alpha-400: rgba(0,0,0,0.11);
  --gray-alpha-500: rgba(0,0,0,0.184);
  --gray-alpha-600: rgba(0,0,0,0.29);
  --gray-alpha-700: rgba(0,0,0,0.439);
  --gray-alpha-800: rgba(0,0,0,0.522);
  --gray-alpha-900: rgba(0,0,0,0.6);
  --gray-alpha-1000: rgba(0,0,0,0.91);
  --blue-100: #f2f7fe;
  --blue-200: #e7f1fe;
  --blue-300: #daeafe;
  --blue-400: #c9e0fe;
  --blue-500: #add1ff;
  --blue-600: #80b7fe;
  --blue-700: #0172dc;
  --blue-800: #0064c3;
  --blue-900: #266ec3;
  --blue-1000: #183d6b;
  --red-100: #fff4f3;
  --red-200: #ffebe9;
  --red-300: #ffdfdc;
  --red-400: #fed2cd;
  --red-500: #ffbab3;
  --red-600: #f7958d;
  --red-700: #d73337;
  --red-800: #c51d28;
  --red-900: #b94642;
  --red-1000: #642724;
  --amber-100: #fef5ea;
  --amber-200: #fceedb;
  --amber-300: #fae4c7;
  --amber-400: #f6d9b2;
  --amber-500: #efc68f;
  --amber-600: #e1a956;
  --amber-700: #f9ad26;
  --amber-800: #e79d01;
  --amber-900: #956300;
  --amber-1000: #543600;
  --green-100: #effaf0;
  --green-200: #e3f6e6;
  --green-300: #d4f1d8;
  --green-400: #c3eac9;
  --green-500: #a6deb1;
  --green-600: #79ca8b;
  --green-700: #03a14a;
  --green-800: #049041;
  --green-900: #00823a;
  --green-1000: #0d4a22;
  --teal-100: #eafbf9;
  --teal-200: #daf7f4;
  --teal-300: #c7f2ee;
  --teal-400: #b0ebe7;
  --teal-500: #89e0da;
  --teal-600: #3accc5;
  --teal-700: #069e98;
  --teal-800: #018d87;
  --teal-900: #087c77;
  --teal-1000: #004744;
  --purple-100: #f9f5ff;
  --purple-200: #f4ecff;
  --purple-300: #eee2ff;
  --purple-400: #e7d5ff;
  --purple-500: #dac0fb;
  --purple-600: #c6a0f2;
  --purple-700: #8e47cd;
  --purple-800: #7f36bc;
  --purple-900: #8656b7;
  --purple-1000: #482f62;
  --pink-100: #fff3f8;
  --pink-200: #ffe9f3;
  --pink-300: #ffddec;
  --pink-400: #fecee4;
  --pink-500: #f9b7d6;
  --pink-600: #ee94bf;
  --pink-700: #d44094;
  --pink-800: #c32e85;
  --pink-900: #af467e;
  --pink-1000: #5f2644;
  --surface: var(--background-100);
  --surface-subtle: var(--background-200);
  --surface-hover: var(--gray-100);
  --surface-active: var(--gray-200);
  --surface-floating: #ffffff;
  --border: var(--gray-400);
  --border-strong: var(--gray-500);
  --border-control: var(--gray-700);
  --ink: var(--gray-1000);
  --ink-muted: var(--gray-900);
  --ink-disabled: var(--gray-600);
  --primary: var(--gray-1000);
  --primary-hover: #383838;
  --on-primary: var(--background-100);
  --on-color: #ffffff;
  --on-color-dark: #0a0a0a;
  --link: var(--blue-900);
  --focus-ring: var(--blue-700);
  --overlay: rgba(0,0,0,0.32);
  --material-base: 0 0 0 1px rgba(0,0,0,0.08);
  --material-small: 0 1px 2px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.08);
  --material-medium: 0 2px 4px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.08);
  --material-large: 0 2px 4px rgba(0,0,0,0.04), 0 8px 16px -4px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.08);
  --material-tooltip: 0 1px 2px rgba(0,0,0,0.06), 0 2px 6px -2px rgba(0,0,0,0.08);
  --material-menu: 0 4px 8px -4px rgba(0,0,0,0.08), 0 16px 24px -8px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.08);
  --material-modal: 0 8px 16px -4px rgba(0,0,0,0.08), 0 24px 32px -8px rgba(0,0,0,0.14), 0 0 0 1px rgba(0,0,0,0.08);
  --material-fullscreen: 0 12px 24px -6px rgba(0,0,0,0.10), 0 40px 64px -12px rgba(0,0,0,0.20), 0 0 0 1px rgba(0,0,0,0.08);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --z-sticky: 100;
  --z-menu: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --font-sans: "TWK Everett", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  color-scheme: dark;
  --background-100: #0a0a0a;
  --background-200: #000000;
  --gray-100: #1a1a1a;
  --gray-200: #1f1f1f;
  --gray-300: #262626;
  --gray-400: #2b2b2b;
  --gray-500: #3d3d3d;
  --gray-600: #6e6e6e;
  --gray-700: #8f8f8f;
  --gray-800: #7d7d7d;
  --gray-900: #a8a8a8;
  --gray-1000: #ededed;
  --gray-alpha-100: rgba(255,255,255,0.102);
  --gray-alpha-200: rgba(255,255,255,0.122);
  --gray-alpha-300: rgba(255,255,255,0.149);
  --gray-alpha-400: rgba(255,255,255,0.169);
  --gray-alpha-500: rgba(255,255,255,0.239);
  --gray-alpha-600: rgba(255,255,255,0.431);
  --gray-alpha-700: rgba(255,255,255,0.561);
  --gray-alpha-800: rgba(255,255,255,0.49);
  --gray-alpha-900: rgba(255,255,255,0.659);
  --gray-alpha-1000: rgba(255,255,255,0.929);
  --blue-100: #0c1723;
  --blue-200: #0f1d2f;
  --blue-300: #12253c;
  --blue-400: #182e4b;
  --blue-500: #1d3e66;
  --blue-600: #255691;
  --blue-700: #0172dc;
  --blue-800: #1881f1;
  --blue-900: #64a1ee;
  --blue-1000: #c2daf9;
  --red-100: #22100f;
  --red-200: #2d1513;
  --red-300: #391917;
  --red-400: #47211e;
  --red-500: #602a27;
  --red-600: #883835;
  --red-700: #d73337;
  --red-800: #e94646;
  --red-900: #e47c75;
  --red-1000: #f7cbc7;
  --amber-100: #1e1406;
  --amber-200: #281a05;
  --amber-300: #322004;
  --amber-400: #3f2903;
  --amber-500: #543600;
  --amber-600: #734c02;
  --amber-700: #f9ad26;
  --amber-800: #ffc167;
  --amber-900: #cd9130;
  --amber-1000: #ebd3b4;
  --green-100: #0c1a0f;
  --green-200: #0e2213;
  --green-300: #102b17;
  --green-400: #14361d;
  --green-500: #174825;
  --green-600: #196632;
  --green-700: #03a14a;
  --green-800: #29b159;
  --green-900: #5cb572;
  --green-1000: #c1e1c6;
  --teal-100: #031a19;
  --teal-200: #002321;
  --teal-300: #012b29;
  --teal-400: #003634;
  --teal-500: #004744;
  --teal-600: #06625f;
  --teal-700: #069e98;
  --teal-800: #0cafa8;
  --teal-900: #08b6af;
  --teal-1000: #b2e3df;
  --purple-100: #191221;
  --purple-200: #21182c;
  --purple-300: #2a1d37;
  --purple-400: #352546;
  --purple-500: #47315e;
  --purple-600: #644386;
  --purple-700: #8e47cd;
  --purple-800: #9d57de;
  --purple-900: #b188df;
  --purple-1000: #dfd0f3;
  --pink-100: #201018;
  --pink-200: #2b1520;
  --pink-300: #361927;
  --pink-400: #442032;
  --pink-500: #5b2a43;
  --pink-600: #81385e;
  --pink-700: #d44094;
  --pink-800: #e652a3;
  --pink-900: #da7baa;
  --pink-1000: #f2cbdc;
  --surface: var(--background-100);
  --surface-subtle: var(--background-200);
  --surface-hover: var(--gray-100);
  --surface-active: var(--gray-200);
  --surface-floating: #171717;
  --border: var(--gray-400);
  --border-strong: var(--gray-500);
  --border-control: var(--gray-600);
  --ink: var(--gray-1000);
  --ink-muted: var(--gray-900);
  --ink-disabled: var(--gray-500);
  --primary: var(--gray-1000);
  --primary-hover: #cccccc;
  --on-primary: var(--background-100);
  --on-color: #ffffff;
  --on-color-dark: #0a0a0a;
  --link: var(--blue-900);
  --focus-ring: var(--blue-700);
  --overlay: rgba(0,0,0,0.72);
  --material-base: 0 0 0 1px rgba(255,255,255,0.12);
  --material-small: 0 0 0 1px rgba(255,255,255,0.14), 0 1px 2px rgba(0,0,0,0.5);
  --material-medium: 0 0 0 1px rgba(255,255,255,0.14), 0 2px 4px rgba(0,0,0,0.5);
  --material-large: 0 0 0 1px rgba(255,255,255,0.16), 0 8px 16px -4px rgba(0,0,0,0.6);
  --material-tooltip: 0 2px 6px -2px rgba(0,0,0,0.6);
  --material-menu: 0 0 0 1px rgba(255,255,255,0.14), 0 16px 24px -8px rgba(0,0,0,0.7);
  --material-modal: 0 0 0 1px rgba(255,255,255,0.16), 0 24px 32px -8px rgba(0,0,0,0.8);
  --material-fullscreen: 0 0 0 1px rgba(255,255,255,0.18), 0 40px 64px -12px rgba(0,0,0,0.9);
}
}

[data-theme="dark"] {
  color-scheme: dark;
  --background-100: #0a0a0a;
  --background-200: #000000;
  --gray-100: #1a1a1a;
  --gray-200: #1f1f1f;
  --gray-300: #262626;
  --gray-400: #2b2b2b;
  --gray-500: #3d3d3d;
  --gray-600: #6e6e6e;
  --gray-700: #8f8f8f;
  --gray-800: #7d7d7d;
  --gray-900: #a8a8a8;
  --gray-1000: #ededed;
  --gray-alpha-100: rgba(255,255,255,0.102);
  --gray-alpha-200: rgba(255,255,255,0.122);
  --gray-alpha-300: rgba(255,255,255,0.149);
  --gray-alpha-400: rgba(255,255,255,0.169);
  --gray-alpha-500: rgba(255,255,255,0.239);
  --gray-alpha-600: rgba(255,255,255,0.431);
  --gray-alpha-700: rgba(255,255,255,0.561);
  --gray-alpha-800: rgba(255,255,255,0.49);
  --gray-alpha-900: rgba(255,255,255,0.659);
  --gray-alpha-1000: rgba(255,255,255,0.929);
  --blue-100: #0c1723;
  --blue-200: #0f1d2f;
  --blue-300: #12253c;
  --blue-400: #182e4b;
  --blue-500: #1d3e66;
  --blue-600: #255691;
  --blue-700: #0172dc;
  --blue-800: #1881f1;
  --blue-900: #64a1ee;
  --blue-1000: #c2daf9;
  --red-100: #22100f;
  --red-200: #2d1513;
  --red-300: #391917;
  --red-400: #47211e;
  --red-500: #602a27;
  --red-600: #883835;
  --red-700: #d73337;
  --red-800: #e94646;
  --red-900: #e47c75;
  --red-1000: #f7cbc7;
  --amber-100: #1e1406;
  --amber-200: #281a05;
  --amber-300: #322004;
  --amber-400: #3f2903;
  --amber-500: #543600;
  --amber-600: #734c02;
  --amber-700: #f9ad26;
  --amber-800: #ffc167;
  --amber-900: #cd9130;
  --amber-1000: #ebd3b4;
  --green-100: #0c1a0f;
  --green-200: #0e2213;
  --green-300: #102b17;
  --green-400: #14361d;
  --green-500: #174825;
  --green-600: #196632;
  --green-700: #03a14a;
  --green-800: #29b159;
  --green-900: #5cb572;
  --green-1000: #c1e1c6;
  --teal-100: #031a19;
  --teal-200: #002321;
  --teal-300: #012b29;
  --teal-400: #003634;
  --teal-500: #004744;
  --teal-600: #06625f;
  --teal-700: #069e98;
  --teal-800: #0cafa8;
  --teal-900: #08b6af;
  --teal-1000: #b2e3df;
  --purple-100: #191221;
  --purple-200: #21182c;
  --purple-300: #2a1d37;
  --purple-400: #352546;
  --purple-500: #47315e;
  --purple-600: #644386;
  --purple-700: #8e47cd;
  --purple-800: #9d57de;
  --purple-900: #b188df;
  --purple-1000: #dfd0f3;
  --pink-100: #201018;
  --pink-200: #2b1520;
  --pink-300: #361927;
  --pink-400: #442032;
  --pink-500: #5b2a43;
  --pink-600: #81385e;
  --pink-700: #d44094;
  --pink-800: #e652a3;
  --pink-900: #da7baa;
  --pink-1000: #f2cbdc;
  --surface: var(--background-100);
  --surface-subtle: var(--background-200);
  --surface-hover: var(--gray-100);
  --surface-active: var(--gray-200);
  --surface-floating: #171717;
  --border: var(--gray-400);
  --border-strong: var(--gray-500);
  --border-control: var(--gray-600);
  --ink: var(--gray-1000);
  --ink-muted: var(--gray-900);
  --ink-disabled: var(--gray-500);
  --primary: var(--gray-1000);
  --primary-hover: #cccccc;
  --on-primary: var(--background-100);
  --on-color: #ffffff;
  --on-color-dark: #0a0a0a;
  --link: var(--blue-900);
  --focus-ring: var(--blue-700);
  --overlay: rgba(0,0,0,0.72);
  --material-base: 0 0 0 1px rgba(255,255,255,0.12);
  --material-small: 0 0 0 1px rgba(255,255,255,0.14), 0 1px 2px rgba(0,0,0,0.5);
  --material-medium: 0 0 0 1px rgba(255,255,255,0.14), 0 2px 4px rgba(0,0,0,0.5);
  --material-large: 0 0 0 1px rgba(255,255,255,0.16), 0 8px 16px -4px rgba(0,0,0,0.6);
  --material-tooltip: 0 2px 6px -2px rgba(0,0,0,0.6);
  --material-menu: 0 0 0 1px rgba(255,255,255,0.14), 0 16px 24px -8px rgba(0,0,0,0.7);
  --material-modal: 0 0 0 1px rgba(255,255,255,0.16), 0 24px 32px -8px rgba(0,0,0,0.8);
  --material-fullscreen: 0 0 0 1px rgba(255,255,255,0.18), 0 40px 64px -12px rgba(0,0,0,0.9);
}