/* Generated from design/tokens.json. Do not edit by hand. */
@font-face{font-family:"Plus Jakarta Sans";src:url("./fonts/PlusJakartaSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("./fonts/PlusJakartaSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("./fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("./fonts/PlusJakartaSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("./fonts/PlusJakartaSans-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
:root {
  --mint-50: #E3FDF9;
  --space-mint-50: #E3FDF9;
  --mint-100: #D3F8F2;
  --space-mint-100: #D3F8F2;
  --mint-200: #B6EEE6;
  --space-mint-200: #B6EEE6;
  --mint-300: #90E1D6;
  --space-mint-300: #90E1D6;
  --mint-400: #60D1C4;
  --space-mint-400: #60D1C4;
  --mint-500: #43B2A6;
  --space-mint-500: #43B2A6;
  --mint-600: #239187;
  --space-mint-600: #239187;
  --mint-700: #027269;
  --space-mint-700: #027269;
  --mint-800: #02524B;
  --space-mint-800: #02524B;
  --mint-900: #003530;
  --space-mint-900: #003530;
  --mint-950: #011B18;
  --space-mint-950: #011B18;
  --foam-50: #E8FBFB;
  --space-foam-50: #E8FBFB;
  --foam-100: #D9F6F4;
  --space-foam-100: #D9F6F4;
  --foam-200: #BFECEA;
  --space-foam-200: #BFECEA;
  --foam-300: #9EDEDC;
  --space-foam-300: #9EDEDC;
  --foam-400: #85C2C0;
  --space-foam-400: #85C2C0;
  --foam-500: #6BA4A3;
  --space-foam-500: #6BA4A3;
  --foam-600: #508685;
  --space-foam-600: #508685;
  --foam-700: #376968;
  --space-foam-700: #376968;
  --foam-800: #1F4D4C;
  --space-foam-800: #1F4D4C;
  --foam-900: #043332;
  --space-foam-900: #043332;
  --foam-950: #001B1A;
  --space-foam-950: #001B1A;
  --ink-50: #F4F7F9;
  --space-ink-50: #F4F7F9;
  --ink-100: #E9EDEF;
  --space-ink-100: #E9EDEF;
  --ink-200: #D7DCDE;
  --space-ink-200: #D7DCDE;
  --ink-300: #C0C6C9;
  --space-ink-300: #C0C6C9;
  --ink-400: #A6AEB1;
  --space-ink-400: #A6AEB1;
  --ink-500: #8B9598;
  --space-ink-500: #8B9598;
  --ink-600: #707B7E;
  --space-ink-600: #707B7E;
  --ink-700: #566166;
  --space-ink-700: #566166;
  --ink-800: #3C494E;
  --space-ink-800: #3C494E;
  --ink-900: #263237;
  --space-ink-900: #263237;
  --ink-950: #101E23;
  --space-ink-950: #101E23;
  --steel-50: #EBFAFF;
  --space-steel-50: #EBFAFF;
  --steel-100: #D8F0F8;
  --space-steel-100: #D8F0F8;
  --steel-200: #BBDFEC;
  --space-steel-200: #BBDFEC;
  --steel-300: #95C9DB;
  --space-steel-300: #95C9DB;
  --steel-400: #69B0C7;
  --space-steel-400: #69B0C7;
  --steel-500: #5296AB;
  --space-steel-500: #5296AB;
  --steel-600: #3A7B8F;
  --space-steel-600: #3A7B8F;
  --steel-700: #236173;
  --space-steel-700: #236173;
  --steel-800: #094758;
  --space-steel-800: #094758;
  --steel-900: #022F3B;
  --space-steel-900: #022F3B;
  --steel-950: #001A22;
  --space-steel-950: #001A22;
}
:root, :root[data-theme="light"] {
  --space-canvas: #FFFFFF;
  --space-surface: #FFFFFF;
  --space-surface-rgb: 255, 255, 255;
  --space-tint: #E8FBFB;
  --space-field: #FFFFFF;
  --space-line: #9EDEDC;
  --space-ink: #101E23;
  --space-ink-muted: #566166;
  --space-mint: #60D1C4;
  --space-mint-deep: #43B2A6;
  --space-on-mint: #101E23;
  --space-on-error: #FFFFFF;
  --space-accent: #60D1C4;
  --space-accent-strong: #60D1C4;
  --space-sky: #69B0C7;
  --space-sky-bright: #95C9DB;
  --space-foam: #9EDEDC;
  --space-aqua: #9EDEDC;
  --space-teal: #69B0C7;
  --space-teal-top: #9EDEDC;
  --space-error: #B42318;
  --space-error-tint: #FFFFFF;
  --space-period: #60D1C4;
  --space-wordmark: #101E23;
  --space-shadow-soft: 0 4px 12px rgba(16,30,35,0.08);
  --space-shadow-lift: 0 10px 30px rgba(16,30,35,0.12);
  --space-shadow-mint: 0 6px 16px rgba(16,30,35,0.22);
  --space-radius-xs: 8px;
  --space-radius-sm: 12px;
  --space-radius-md: 14px;
  --space-radius-lg: 22px;
  --space-radius-xl: 28px;
  --space-radius-pill: 999px;
  --font-wordmark: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --background: 0 0% 100%;
  --foreground: 196 37% 10%;
  --card: 0 0% 100%;
  --card-foreground: 196 37% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 196 37% 10%;
  --primary: 173 55% 60%;
  --primary-foreground: 196 37% 10%;
  --secondary: 180 70% 95%;
  --secondary-foreground: 196 37% 10%;
  --muted: 180 70% 95%;
  --muted-foreground: 199 9% 37%;
  --accent: 180 70% 95%;
  --accent-foreground: 196 37% 10%;
  --destructive: 4 76% 40%;
  --destructive-foreground: 0 0% 100%;
  --border: 178 49% 75%;
  --input: 178 49% 75%;
  --ring: 173 55% 60%;
  --radius: 1.375rem;
}
:root[data-theme="dark"] {
  --space-canvas: #101E23;
  --space-surface: #263237;
  --space-surface-rgb: 38, 50, 55;
  --space-tint: #263237;
  --space-field: #263237;
  --space-line: #3C494E;
  --space-ink: #F4F7F9;
  --space-ink-muted: #95C9DB;
  --space-mint: #60D1C4;
  --space-mint-deep: #9EDEDC;
  --space-on-mint: #101E23;
  --space-on-error: #101E23;
  --space-accent: #60D1C4;
  --space-accent-strong: #60D1C4;
  --space-sky: #69B0C7;
  --space-sky-bright: #95C9DB;
  --space-foam: #263237;
  --space-aqua: #9EDEDC;
  --space-teal: #69B0C7;
  --space-teal-top: #9EDEDC;
  --space-error: #FFB4AB;
  --space-error-tint: #101E23;
  --space-period: #60D1C4;
  --space-wordmark: #F4F7F9;
  --space-shadow-soft: 0 4px 12px rgba(16,30,35,0.08);
  --space-shadow-lift: 0 10px 30px rgba(16,30,35,0.12);
  --space-shadow-mint: 0 6px 16px rgba(16,30,35,0.22);
  --space-radius-xs: 8px;
  --space-radius-sm: 12px;
  --space-radius-md: 14px;
  --space-radius-lg: 22px;
  --space-radius-xl: 28px;
  --space-radius-pill: 999px;
  --font-wordmark: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --background: 196 37% 10%;
  --foreground: 204 29% 97%;
  --card: 198 18% 18%;
  --card-foreground: 204 29% 97%;
  --popover: 198 18% 18%;
  --popover-foreground: 204 29% 97%;
  --primary: 173 55% 60%;
  --primary-foreground: 196 37% 10%;
  --secondary: 198 18% 18%;
  --secondary-foreground: 204 29% 97%;
  --muted: 198 18% 18%;
  --muted-foreground: 195 49% 72%;
  --accent: 198 18% 18%;
  --accent-foreground: 204 29% 97%;
  --destructive: 6 100% 84%;
  --destructive-foreground: 196 37% 10%;
  --border: 197 13% 27%;
  --input: 197 13% 27%;
  --ring: 173 55% 60%;
  --radius: 1.375rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --space-canvas: #101E23;
  --space-surface: #263237;
  --space-surface-rgb: 38, 50, 55;
  --space-tint: #263237;
  --space-field: #263237;
  --space-line: #3C494E;
  --space-ink: #F4F7F9;
  --space-ink-muted: #95C9DB;
  --space-mint: #60D1C4;
  --space-mint-deep: #9EDEDC;
  --space-on-mint: #101E23;
  --space-on-error: #101E23;
  --space-accent: #60D1C4;
  --space-accent-strong: #60D1C4;
  --space-sky: #69B0C7;
  --space-sky-bright: #95C9DB;
  --space-foam: #263237;
  --space-aqua: #9EDEDC;
  --space-teal: #69B0C7;
  --space-teal-top: #9EDEDC;
  --space-error: #FFB4AB;
  --space-error-tint: #101E23;
  --space-period: #60D1C4;
  --space-wordmark: #F4F7F9;
  --space-shadow-soft: 0 4px 12px rgba(16,30,35,0.08);
  --space-shadow-lift: 0 10px 30px rgba(16,30,35,0.12);
  --space-shadow-mint: 0 6px 16px rgba(16,30,35,0.22);
  --space-radius-xs: 8px;
  --space-radius-sm: 12px;
  --space-radius-md: 14px;
  --space-radius-lg: 22px;
  --space-radius-xl: 28px;
  --space-radius-pill: 999px;
  --font-wordmark: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --background: 196 37% 10%;
  --foreground: 204 29% 97%;
  --card: 198 18% 18%;
  --card-foreground: 204 29% 97%;
  --popover: 198 18% 18%;
  --popover-foreground: 204 29% 97%;
  --primary: 173 55% 60%;
  --primary-foreground: 196 37% 10%;
  --secondary: 198 18% 18%;
  --secondary-foreground: 204 29% 97%;
  --muted: 198 18% 18%;
  --muted-foreground: 195 49% 72%;
  --accent: 198 18% 18%;
  --accent-foreground: 204 29% 97%;
  --destructive: 6 100% 84%;
  --destructive-foreground: 196 37% 10%;
  --border: 197 13% 27%;
  --input: 197 13% 27%;
  --ring: 173 55% 60%;
  --radius: 1.375rem;
  }
}
code, .code {
  font-family: var(--font-code);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}