/*
 * Generated from tokens/source/primitives.json and tokens/source/semantic.json.
 * SOUS Portal comprehensive foundation candidate — not approved for production.
 * Run: npm run tokens:build
 */

@font-face {
  font-family: "Inter Display";
  src: url("../../fonts/InterDisplay-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../../fonts/InterDisplay-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../../fonts/InterDisplay-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Inter Display";
  src: url("../../fonts/InterDisplay-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: light;
  --sous-ref-color-alpha-black-0: rgb(0 0 0 / 0%);
  --sous-ref-color-alpha-black-2: rgb(0 0 0 / 2%);
  --sous-ref-color-alpha-black-4: rgb(0 0 0 / 4%);
  --sous-ref-color-alpha-black-8: rgb(0 0 0 / 8%);
  --sous-ref-color-alpha-black-12: rgb(0 0 0 / 12%);
  --sous-ref-color-alpha-black-16: rgb(0 0 0 / 16%);
  --sous-ref-color-alpha-black-24: rgb(0 0 0 / 24%);
  --sous-ref-color-alpha-black-32: rgb(0 0 0 / 32%);
  --sous-ref-color-alpha-black-40: rgb(0 0 0 / 40%);
  --sous-ref-color-alpha-black-48: rgb(0 0 0 / 48%);
  --sous-ref-color-alpha-black-56: rgb(0 0 0 / 56%);
  --sous-ref-color-alpha-black-64: rgb(0 0 0 / 64%);
  --sous-ref-color-alpha-black-72: rgb(0 0 0 / 72%);
  --sous-ref-color-alpha-black-80: rgb(0 0 0 / 80%);
  --sous-ref-color-alpha-black-88: rgb(0 0 0 / 88%);
  --sous-ref-color-alpha-black-96: rgb(0 0 0 / 96%);
  --sous-ref-color-alpha-black-100: rgb(0 0 0 / 100%);
  --sous-ref-color-alpha-white-0: rgb(255 255 255 / 0%);
  --sous-ref-color-alpha-white-4: rgb(255 255 255 / 4%);
  --sous-ref-color-alpha-white-8: rgb(255 255 255 / 8%);
  --sous-ref-color-alpha-white-12: rgb(255 255 255 / 12%);
  --sous-ref-color-alpha-white-16: rgb(255 255 255 / 16%);
  --sous-ref-color-alpha-white-24: rgb(255 255 255 / 24%);
  --sous-ref-color-alpha-white-32: rgb(255 255 255 / 32%);
  --sous-ref-color-alpha-white-40: rgb(255 255 255 / 40%);
  --sous-ref-color-alpha-white-48: rgb(255 255 255 / 48%);
  --sous-ref-color-alpha-white-56: rgb(255 255 255 / 56%);
  --sous-ref-color-alpha-white-64: rgb(255 255 255 / 64%);
  --sous-ref-color-alpha-white-72: rgb(255 255 255 / 72%);
  --sous-ref-color-alpha-white-80: rgb(255 255 255 / 80%);
  --sous-ref-color-alpha-white-88: rgb(255 255 255 / 88%);
  --sous-ref-color-alpha-white-96: rgb(255 255 255 / 96%);
  --sous-ref-color-alpha-white-100: rgb(255 255 255 / 100%);
  --sous-ref-color-amber-50: #fffbeb;
  --sous-ref-color-amber-100: #fef3c7;
  --sous-ref-color-amber-200: #fde68a;
  --sous-ref-color-amber-300: #fcd34d;
  --sous-ref-color-amber-400: #fbbf24;
  --sous-ref-color-amber-500: #f59e0b;
  --sous-ref-color-amber-600: #d97706;
  --sous-ref-color-amber-700: #b45309;
  --sous-ref-color-amber-800: #92400e;
  --sous-ref-color-amber-900: #78350f;
  --sous-ref-color-amber-950: #451a03;
  --sous-ref-color-blue-50: #eff6ff;
  --sous-ref-color-blue-100: #dbeafe;
  --sous-ref-color-blue-200: #bfdbfe;
  --sous-ref-color-blue-300: #93c5fd;
  --sous-ref-color-blue-400: #60a5fa;
  --sous-ref-color-blue-500: #3b82f6;
  --sous-ref-color-blue-600: #2563eb;
  --sous-ref-color-blue-700: #1d4ed8;
  --sous-ref-color-blue-800: #1e40af;
  --sous-ref-color-blue-900: #1e3a8a;
  --sous-ref-color-blue-950: #172554;
  --sous-ref-color-brand-identity: #212966;
  --sous-ref-color-green-50: #f0fdf4;
  --sous-ref-color-green-100: #dcfce7;
  --sous-ref-color-green-200: #bbf7d0;
  --sous-ref-color-green-300: #86efac;
  --sous-ref-color-green-400: #4ade80;
  --sous-ref-color-green-500: #22c55e;
  --sous-ref-color-green-600: #16a34a;
  --sous-ref-color-green-700: #15803d;
  --sous-ref-color-green-800: #166534;
  --sous-ref-color-green-900: #14532d;
  --sous-ref-color-green-950: #052e16;
  --sous-ref-color-neutral-0: #ffffff;
  --sous-ref-color-neutral-25: #fdfdfd;
  --sous-ref-color-neutral-50: #fafafa;
  --sous-ref-color-neutral-100: #f5f5f5;
  --sous-ref-color-neutral-200: #e5e5e5;
  --sous-ref-color-neutral-300: #d4d4d4;
  --sous-ref-color-neutral-400: #a3a3a3;
  --sous-ref-color-neutral-500: #737373;
  --sous-ref-color-neutral-600: #525252;
  --sous-ref-color-neutral-700: #404040;
  --sous-ref-color-neutral-800: #262626;
  --sous-ref-color-neutral-900: #171717;
  --sous-ref-color-neutral-950: #0a0a0a;
  --sous-ref-color-orange-50: #fff7ed;
  --sous-ref-color-orange-100: #ffedd5;
  --sous-ref-color-orange-200: #fed7aa;
  --sous-ref-color-orange-300: #fdba74;
  --sous-ref-color-orange-400: #fb923c;
  --sous-ref-color-orange-500: #f97316;
  --sous-ref-color-orange-600: #ea580c;
  --sous-ref-color-orange-700: #c2410c;
  --sous-ref-color-orange-800: #9a3412;
  --sous-ref-color-orange-900: #7c2d12;
  --sous-ref-color-orange-950: #431407;
  --sous-ref-color-pink-50: #fdf2f8;
  --sous-ref-color-pink-100: #fce7f3;
  --sous-ref-color-pink-200: #fbcfe8;
  --sous-ref-color-pink-300: #f9a8d4;
  --sous-ref-color-pink-400: #f472b6;
  --sous-ref-color-pink-500: #ec4899;
  --sous-ref-color-pink-600: #db2777;
  --sous-ref-color-pink-700: #be185d;
  --sous-ref-color-pink-800: #9d174d;
  --sous-ref-color-pink-900: #831843;
  --sous-ref-color-pink-950: #500724;
  --sous-ref-color-red-50: #fef2f2;
  --sous-ref-color-red-100: #fee2e2;
  --sous-ref-color-red-200: #fecaca;
  --sous-ref-color-red-300: #fca5a5;
  --sous-ref-color-red-400: #f87171;
  --sous-ref-color-red-500: #ef4444;
  --sous-ref-color-red-600: #dc2626;
  --sous-ref-color-red-700: #b91c1c;
  --sous-ref-color-red-800: #991b1b;
  --sous-ref-color-red-900: #7f1d1d;
  --sous-ref-color-red-950: #450a0a;
  --sous-ref-color-sky-50: #f0f9ff;
  --sous-ref-color-sky-100: #e0f2fe;
  --sous-ref-color-sky-200: #bae6fd;
  --sous-ref-color-sky-300: #7dd3fc;
  --sous-ref-color-sky-400: #4cbdff;
  --sous-ref-color-sky-500: #0ea5e9;
  --sous-ref-color-sky-600: #0284c7;
  --sous-ref-color-sky-700: #0369a1;
  --sous-ref-color-sky-800: #075985;
  --sous-ref-color-sky-900: #0c4a6e;
  --sous-ref-color-sky-950: #082f49;
  --sous-ref-color-teal-50: #f0fdfa;
  --sous-ref-color-teal-100: #ccfbf1;
  --sous-ref-color-teal-200: #99f6e4;
  --sous-ref-color-teal-300: #5eead4;
  --sous-ref-color-teal-400: #2dd4bf;
  --sous-ref-color-teal-500: #14b8a6;
  --sous-ref-color-teal-600: #0d9488;
  --sous-ref-color-teal-700: #0f766e;
  --sous-ref-color-teal-800: #115e59;
  --sous-ref-color-teal-900: #134e4a;
  --sous-ref-color-teal-950: #042f2e;
  --sous-ref-color-violet-50: #f5f3ff;
  --sous-ref-color-violet-100: #ede9fe;
  --sous-ref-color-violet-200: #ddd6fe;
  --sous-ref-color-violet-300: #c4b5fd;
  --sous-ref-color-violet-400: #a78bfa;
  --sous-ref-color-violet-500: #8b5cf6;
  --sous-ref-color-violet-600: #7c3aed;
  --sous-ref-color-violet-700: #6d28d9;
  --sous-ref-color-violet-800: #5b21b6;
  --sous-ref-color-violet-900: #4c1d95;
  --sous-ref-color-violet-950: #2e1065;
  --sous-ref-duration-0: 0ms;
  --sous-ref-duration-75: 75ms;
  --sous-ref-duration-100: 100ms;
  --sous-ref-duration-120: 120ms;
  --sous-ref-duration-150: 150ms;
  --sous-ref-duration-180: 180ms;
  --sous-ref-duration-200: 200ms;
  --sous-ref-duration-240: 240ms;
  --sous-ref-duration-300: 300ms;
  --sous-ref-duration-400: 400ms;
  --sous-ref-duration-500: 500ms;
  --sous-ref-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --sous-ref-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --sous-ref-easing-linear: linear;
  --sous-ref-easing-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --sous-ref-font-family-display: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-ref-font-family-text: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-ref-font-line-14: 0.875rem;
  --sous-ref-font-line-16: 1rem;
  --sous-ref-font-line-18: 1.125rem;
  --sous-ref-font-line-20: 1.25rem;
  --sous-ref-font-line-22: 1.375rem;
  --sous-ref-font-line-24: 1.5rem;
  --sous-ref-font-line-26: 1.625rem;
  --sous-ref-font-line-28: 1.75rem;
  --sous-ref-font-line-30: 1.875rem;
  --sous-ref-font-line-32: 2rem;
  --sous-ref-font-line-36: 2.25rem;
  --sous-ref-font-line-40: 2.5rem;
  --sous-ref-font-line-44: 2.75rem;
  --sous-ref-font-line-48: 3rem;
  --sous-ref-font-line-56: 3.5rem;
  --sous-ref-font-line-64: 4rem;
  --sous-ref-font-line-72: 4.5rem;
  --sous-ref-font-numeric-proportional: proportional-nums;
  --sous-ref-font-numeric-tabular: tabular-nums;
  --sous-ref-font-size-11: 0.6875rem;
  --sous-ref-font-size-12: 0.75rem;
  --sous-ref-font-size-13: 0.8125rem;
  --sous-ref-font-size-14: 0.875rem;
  --sous-ref-font-size-15: 0.9375rem;
  --sous-ref-font-size-16: 1rem;
  --sous-ref-font-size-18: 1.125rem;
  --sous-ref-font-size-20: 1.25rem;
  --sous-ref-font-size-22: 1.375rem;
  --sous-ref-font-size-24: 1.5rem;
  --sous-ref-font-size-28: 1.75rem;
  --sous-ref-font-size-32: 2rem;
  --sous-ref-font-size-36: 2.25rem;
  --sous-ref-font-size-40: 2.5rem;
  --sous-ref-font-size-48: 3rem;
  --sous-ref-font-size-56: 3.5rem;
  --sous-ref-font-size-64: 4rem;
  --sous-ref-font-tracking-caps: 0.08em;
  --sous-ref-font-tracking-normal: 0em;
  --sous-ref-font-tracking-roomy: 0.015rem;
  --sous-ref-font-tracking-snug: -0.01em;
  --sous-ref-font-tracking-tight: -0.02em;
  --sous-ref-font-tracking-tighter: -0.03em;
  --sous-ref-font-tracking-tightest: -0.04em;
  --sous-ref-font-tracking-wide: 0.01em;
  --sous-ref-font-tracking-wider: 0.02em;
  --sous-ref-font-tracking-widest: 0.04em;
  --sous-ref-font-weight-bold: 700;
  --sous-ref-font-weight-medium: 500;
  --sous-ref-font-weight-regular: 400;
  --sous-ref-font-weight-semibold: 600;
  --sous-ref-layout-breakpoint-2xl: 1440px;
  --sous-ref-layout-breakpoint-3xl: 1600px;
  --sous-ref-layout-breakpoint-lg: 1024px;
  --sous-ref-layout-breakpoint-md: 768px;
  --sous-ref-layout-breakpoint-sm: 640px;
  --sous-ref-layout-breakpoint-xl: 1280px;
  --sous-ref-layout-breakpoint-xs: 480px;
  --sous-ref-layout-container-2xl: 1280px;
  --sous-ref-layout-container-3xl: 1440px;
  --sous-ref-layout-container-lg: 960px;
  --sous-ref-layout-container-md: 768px;
  --sous-ref-layout-container-sm: 640px;
  --sous-ref-layout-container-xl: 1200px;
  --sous-ref-layout-container-xs: 480px;
  --sous-ref-layout-grid-compact: 4;
  --sous-ref-layout-grid-medium: 8;
  --sous-ref-layout-grid-wide: 12;
  --sous-ref-layout-measure-240: 240px;
  --sous-ref-layout-measure-280: 280px;
  --sous-ref-layout-measure-560: 560px;
  --sous-ref-layout-measure-640: 640px;
  --sous-ref-layout-measure-720: 720px;
  --sous-ref-layout-measure-960: 960px;
  --sous-ref-layout-measure-1200: 1200px;
  --sous-ref-layout-measure-1280: 1280px;
  --sous-ref-layout-measure-1440: 1440px;
  --sous-ref-opacity-0: 0;
  --sous-ref-opacity-4: 0.04;
  --sous-ref-opacity-8: 0.08;
  --sous-ref-opacity-12: 0.12;
  --sous-ref-opacity-16: 0.16;
  --sous-ref-opacity-24: 0.24;
  --sous-ref-opacity-32: 0.32;
  --sous-ref-opacity-40: 0.4;
  --sous-ref-opacity-48: 0.48;
  --sous-ref-opacity-56: 0.56;
  --sous-ref-opacity-64: 0.64;
  --sous-ref-opacity-72: 0.72;
  --sous-ref-opacity-80: 0.8;
  --sous-ref-opacity-90: 0.9;
  --sous-ref-opacity-100: 1;
  --sous-ref-radius-0: 0px;
  --sous-ref-radius-2: 2px;
  --sous-ref-radius-4: 4px;
  --sous-ref-radius-6: 6px;
  --sous-ref-radius-8: 8px;
  --sous-ref-radius-10: 10px;
  --sous-ref-radius-12: 12px;
  --sous-ref-radius-16: 16px;
  --sous-ref-radius-20: 20px;
  --sous-ref-radius-24: 24px;
  --sous-ref-radius-32: 32px;
  --sous-ref-radius-full: 9999px;
  --sous-ref-shadow-lg: 0 16px 40px rgb(0 0 0 / 13%), 0 4px 10px rgb(0 0 0 / 6%);
  --sous-ref-shadow-md: 0 8px 24px rgb(0 0 0 / 10%), 0 2px 6px rgb(0 0 0 / 5%);
  --sous-ref-shadow-none: none;
  --sous-ref-shadow-sm: 0 2px 6px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 4%);
  --sous-ref-shadow-xl: 0 24px 64px rgb(0 0 0 / 16%), 0 8px 20px rgb(0 0 0 / 7%);
  --sous-ref-shadow-xs: 0 1px 2px rgb(0 0 0 / 5%);
  --sous-ref-size-avatar-24: 24px;
  --sous-ref-size-avatar-28: 28px;
  --sous-ref-size-avatar-32: 32px;
  --sous-ref-size-avatar-40: 40px;
  --sous-ref-size-avatar-48: 48px;
  --sous-ref-size-avatar-64: 64px;
  --sous-ref-size-control-28: 28px;
  --sous-ref-size-control-32: 32px;
  --sous-ref-size-control-36: 36px;
  --sous-ref-size-control-40: 40px;
  --sous-ref-size-control-44: 44px;
  --sous-ref-size-control-48: 48px;
  --sous-ref-size-control-56: 56px;
  --sous-ref-size-field-96: 96px;
  --sous-ref-size-field-120: 120px;
  --sous-ref-size-icon-12: 12px;
  --sous-ref-size-icon-14: 14px;
  --sous-ref-size-icon-16: 16px;
  --sous-ref-size-icon-18: 18px;
  --sous-ref-size-icon-20: 20px;
  --sous-ref-size-icon-24: 24px;
  --sous-ref-size-icon-28: 28px;
  --sous-ref-size-icon-32: 32px;
  --sous-ref-space-0: 0px;
  --sous-ref-space-1: 1px;
  --sous-ref-space-2: 2px;
  --sous-ref-space-3: 3px;
  --sous-ref-space-4: 4px;
  --sous-ref-space-6: 6px;
  --sous-ref-space-8: 8px;
  --sous-ref-space-10: 10px;
  --sous-ref-space-12: 12px;
  --sous-ref-space-14: 14px;
  --sous-ref-space-16: 16px;
  --sous-ref-space-20: 20px;
  --sous-ref-space-24: 24px;
  --sous-ref-space-28: 28px;
  --sous-ref-space-32: 32px;
  --sous-ref-space-36: 36px;
  --sous-ref-space-40: 40px;
  --sous-ref-space-48: 48px;
  --sous-ref-space-56: 56px;
  --sous-ref-space-64: 64px;
  --sous-ref-space-72: 72px;
  --sous-ref-space-80: 80px;
  --sous-ref-space-96: 96px;
  --sous-ref-space-120: 120px;
  --sous-ref-space-128: 128px;
  --sous-ref-stroke-0: 0px;
  --sous-ref-stroke-1: 1px;
  --sous-ref-stroke-1-5: 1.5px;
  --sous-ref-stroke-2: 2px;
  --sous-ref-stroke-3: 3px;
  --sous-ref-stroke-4: 4px;
  --sous-ref-stroke-hairline: 0.5px;
  --sous-ref-z-base: 0;
  --sous-ref-z-dropdown: 20;
  --sous-ref-z-modal: 40;
  --sous-ref-z-overlay: 30;
  --sous-ref-z-sticky: 10;
  --sous-ref-z-toast: 50;
  --sous-ref-z-tooltip: 60;
  --sous-color-action-destructive: #dc2626;
  --sous-color-action-destructive-hover: #b91c1c;
  --sous-color-action-destructive-pressed: #991b1b;
  --sous-color-action-destructive-text: #ffffff;
  --sous-color-action-disabled: #f5f5f5;
  --sous-color-action-disabled-text: #a3a3a3;
  --sous-color-action-outline-border: #e5e5e5;
  --sous-color-action-outline-border-hover: #d4d4d4;
  --sous-color-action-outline-hover: rgb(0 0 0 / 2%);
  --sous-color-action-primary: #171717;
  --sous-color-action-primary-hover: #404040;
  --sous-color-action-primary-pressed: #0a0a0a;
  --sous-color-action-primary-text: #ffffff;
  --sous-color-action-quiet-hover: rgb(0 0 0 / 4%);
  --sous-color-action-quiet-pressed: rgb(0 0 0 / 8%);
  --sous-color-action-secondary: #f5f5f5;
  --sous-color-action-secondary-hover: #e5e5e5;
  --sous-color-action-secondary-pressed: #d4d4d4;
  --sous-color-action-secondary-text: #171717;
  --sous-color-border-control: #d4d4d4;
  --sous-color-border-control-hover: #a3a3a3;
  --sous-color-border-divider: #e5e5e5;
  --sous-color-border-inverse: #404040;
  --sous-color-border-strong: #a3a3a3;
  --sous-color-border-subtle: #f5f5f5;
  --sous-color-brand-identity: #212966;
  --sous-color-canvas: #ffffff;
  --sous-color-data-categorical-1: #2563eb;
  --sous-color-data-categorical-2: #16a34a;
  --sous-color-data-categorical-3: #7c3aed;
  --sous-color-data-categorical-4: #ea580c;
  --sous-color-data-categorical-5: #0284c7;
  --sous-color-data-categorical-6: #db2777;
  --sous-color-data-categorical-7: #d97706;
  --sous-color-data-categorical-8: #0f766e;
  --sous-color-data-divergent-negative: #dc2626;
  --sous-color-data-divergent-neutral: #d4d4d4;
  --sous-color-data-divergent-positive: #16a34a;
  --sous-color-data-sequential-high: #1e40af;
  --sous-color-data-sequential-low: #dbeafe;
  --sous-color-data-sequential-mid: #60a5fa;
  --sous-color-focus: #0a0a0a;
  --sous-color-focus-offset: #ffffff;
  --sous-color-overlay-scrim: rgb(0 0 0 / 48%);
  --sous-color-selection: #f5f5f5;
  --sous-color-selection-strong: #e5e5e5;
  --sous-color-status-danger-border: #fecaca;
  --sous-color-status-danger-icon: #dc2626;
  --sous-color-status-danger-surface: #fef2f2;
  --sous-color-status-danger-text: #991b1b;
  --sous-color-status-info-border: #bfdbfe;
  --sous-color-status-info-icon: #2563eb;
  --sous-color-status-info-surface: #eff6ff;
  --sous-color-status-info-text: #1e40af;
  --sous-color-status-neutral-border: #d4d4d4;
  --sous-color-status-neutral-icon: #737373;
  --sous-color-status-neutral-surface: #f5f5f5;
  --sous-color-status-neutral-text: #404040;
  --sous-color-status-success-border: #bbf7d0;
  --sous-color-status-success-icon: #16a34a;
  --sous-color-status-success-surface: #f0fdf4;
  --sous-color-status-success-text: #166534;
  --sous-color-status-warning-border: #fde68a;
  --sous-color-status-warning-icon: #d97706;
  --sous-color-status-warning-surface: #fffbeb;
  --sous-color-status-warning-text: #92400e;
  --sous-color-surface: #ffffff;
  --sous-color-surface-inverse: #0a0a0a;
  --sous-color-surface-raised: #ffffff;
  --sous-color-surface-subtle: #fafafa;
  --sous-color-surface-sunken: #f5f5f5;
  --sous-color-text-disabled: #a3a3a3;
  --sous-color-text-inverse: #ffffff;
  --sous-color-text-link: #171717;
  --sous-color-text-link-hover: #404040;
  --sous-color-text-primary: #0a0a0a;
  --sous-color-text-secondary: #525252;
  --sous-color-text-tertiary: #737373;
  --sous-color-validation-error: #dc2626;
  --sous-color-validation-error-text: #b91c1c;
  --sous-layout-content-max: 1200px;
  --sous-layout-form-max: 560px;
  --sous-layout-gutter-lg: 40px;
  --sous-layout-gutter-md: 32px;
  --sous-layout-gutter-sm: 24px;
  --sous-layout-gutter-xs: 16px;
  --sous-layout-page-max: 1440px;
  --sous-layout-reading-max: 640px;
  --sous-layout-sidebar: 240px;
  --sous-layout-sidebar-wide: 280px;
  --sous-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
  --sous-motion-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --sous-motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --sous-motion-enter: 240ms;
  --sous-motion-exit: 150ms;
  --sous-motion-instant: 0ms;
  --sous-motion-state: 120ms;
  --sous-motion-transition: 180ms;
  --sous-opacity-disabled: 0.48;
  --sous-opacity-muted: 0.64;
  --sous-opacity-scrim: 0.48;
  --sous-radius-control: 12px;
  --sous-radius-control-sm: 6px;
  --sous-radius-overlay: 16px;
  --sous-radius-pill: 9999px;
  --sous-radius-surface: 16px;
  --sous-radius-surface-lg: 16px;
  --sous-radius-tab-active: 10px;
  --sous-shadow-base: none;
  --sous-shadow-control: none;
  --sous-shadow-dialog: 0 16px 40px rgb(0 0 0 / 13%), 0 4px 10px rgb(0 0 0 / 6%);
  --sous-shadow-popover: 0 8px 24px rgb(0 0 0 / 10%), 0 2px 6px rgb(0 0 0 / 5%);
  --sous-shadow-raised: 0 2px 6px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 4%);
  --sous-shadow-toast: 0 2px 6px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 4%);
  --sous-size-avatar-lg: 40px;
  --sous-size-avatar-md: 32px;
  --sous-size-avatar-sm: 28px;
  --sous-size-control-comfortable: 48px;
  --sous-size-control-compact: 32px;
  --sous-size-control-data: 36px;
  --sous-size-control-standard: 40px;
  --sous-size-control-touch: 48px;
  --sous-size-data-row: 48px;
  --sous-size-field-multiline-min: 120px;
  --sous-size-icon-lg: 24px;
  --sous-size-icon-md: 20px;
  --sous-size-icon-sm: 16px;
  --sous-size-icon-xs: 12px;
  --sous-space-control-x: 12px;
  --sous-space-control-x-lg: 16px;
  --sous-space-control-x-sm: 10px;
  --sous-space-inline: 8px;
  --sous-space-inline-relaxed: 12px;
  --sous-space-inline-tight: 4px;
  --sous-space-page-section: 64px;
  --sous-space-section: 32px;
  --sous-space-section-relaxed: 48px;
  --sous-space-section-tight: 24px;
  --sous-space-stack: 8px;
  --sous-space-stack-relaxed: 16px;
  --sous-space-stack-tight: 4px;
  --sous-space-surface: 16px;
  --sous-space-surface-lg: 24px;
  --sous-space-surface-sm: 12px;
  --sous-space-tab-block-end: 12px;
  --sous-space-tab-gutter: 2px;
  --sous-space-tab-inline: 10px;
  --sous-stroke-default: 1px;
  --sous-stroke-focus: 2px;
  --sous-stroke-strong: 1.5px;
  --sous-stroke-tab-indicator: 1.5px;
  --sous-type-action-sm-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-action-sm-line: 1.125rem;
  --sous-type-action-sm-size: 0.8125rem;
  --sous-type-action-sm-tracking: 0.015rem;
  --sous-type-action-sm-weight: 500;
  --sous-type-action-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-action-line: 1.25rem;
  --sous-type-action-size: 0.875rem;
  --sous-type-action-tracking: 0.015rem;
  --sous-type-action-weight: 500;
  --sous-type-body-lg-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-body-lg-line: 1.5rem;
  --sous-type-body-lg-size: 1rem;
  --sous-type-body-lg-tracking: 0.01em;
  --sous-type-body-lg-weight: 400;
  --sous-type-body-sm-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-body-sm-line: 1.25rem;
  --sous-type-body-sm-size: 0.8125rem;
  --sous-type-body-sm-tracking: 0.01em;
  --sous-type-body-sm-weight: 400;
  --sous-type-body-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-body-line: 1.375rem;
  --sous-type-body-size: 0.875rem;
  --sous-type-body-tracking: 0.01em;
  --sous-type-body-weight: 400;
  --sous-type-component-title-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-component-title-line: 1.25rem;
  --sous-type-component-title-size: 0.875rem;
  --sous-type-component-title-tracking: 0.01em;
  --sous-type-component-title-weight: 500;
  --sous-type-data-display-sm-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-data-display-sm-line: 2rem;
  --sous-type-data-display-sm-size: 1.5rem;
  --sous-type-data-display-sm-tracking: -0.01em;
  --sous-type-data-display-sm-weight: 500;
  --sous-type-data-display-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-data-display-line: 2.25rem;
  --sous-type-data-display-size: 1.75rem;
  --sous-type-data-display-tracking: -0.02em;
  --sous-type-data-display-weight: 500;
  --sous-type-data-lg-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-data-lg-line: 1.25rem;
  --sous-type-data-lg-size: 0.875rem;
  --sous-type-data-lg-tracking: 0.01em;
  --sous-type-data-lg-weight: 500;
  --sous-type-data-sm-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-data-sm-line: 1.125rem;
  --sous-type-data-sm-size: 0.75rem;
  --sous-type-data-sm-tracking: 0.02em;
  --sous-type-data-sm-weight: 500;
  --sous-type-data-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-data-line: 1.25rem;
  --sous-type-data-size: 0.8125rem;
  --sous-type-data-tracking: 0.01em;
  --sous-type-data-weight: 500;
  --sous-type-display-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-display-line: 3rem;
  --sous-type-display-size: 2.5rem;
  --sous-type-display-tracking: -0.03em;
  --sous-type-display-weight: 600;
  --sous-type-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-family-display: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-family-text: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-label-sm-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-label-sm-line: 1.125rem;
  --sous-type-label-sm-size: 0.8125rem;
  --sous-type-label-sm-tracking: 0.01em;
  --sous-type-label-sm-weight: 500;
  --sous-type-label-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-label-line: 1.25rem;
  --sous-type-label-size: 0.875rem;
  --sous-type-label-tracking: 0.01em;
  --sous-type-label-weight: 500;
  --sous-type-micro-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-micro-line: 1rem;
  --sous-type-micro-size: 0.6875rem;
  --sous-type-micro-tracking: 0.02em;
  --sous-type-micro-weight: 500;
  --sous-type-page-title-lg-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-page-title-lg-line: 2.5rem;
  --sous-type-page-title-lg-size: 2rem;
  --sous-type-page-title-lg-tracking: -0.02em;
  --sous-type-page-title-lg-weight: 500;
  --sous-type-page-title-sm-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-page-title-sm-line: 2rem;
  --sous-type-page-title-sm-size: 1.5rem;
  --sous-type-page-title-sm-tracking: -0.01em;
  --sous-type-page-title-sm-weight: 500;
  --sous-type-page-title-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-page-title-line: 2.25rem;
  --sous-type-page-title-size: 1.75rem;
  --sous-type-page-title-tracking: -0.02em;
  --sous-type-page-title-weight: 500;
  --sous-type-section-title-lg-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-section-title-lg-line: 2rem;
  --sous-type-section-title-lg-size: 1.5rem;
  --sous-type-section-title-lg-tracking: -0.01em;
  --sous-type-section-title-lg-weight: 500;
  --sous-type-section-title-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-section-title-line: 1.75rem;
  --sous-type-section-title-size: 1.25rem;
  --sous-type-section-title-tracking: -0.01em;
  --sous-type-section-title-weight: 500;
  --sous-type-subsection-title-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-subsection-title-line: 1.5rem;
  --sous-type-subsection-title-size: 1rem;
  --sous-type-subsection-title-tracking: 0.01em;
  --sous-type-subsection-title-weight: 500;
  --sous-type-support-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-support-line: 1.125rem;
  --sous-type-support-size: 0.75rem;
  --sous-type-support-tracking: 0.02em;
  --sous-type-support-weight: 400;
  --sous-type-table-header-family: Inter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --sous-type-table-header-line: 1.25rem;
  --sous-type-table-header-size: 0.875rem;
  --sous-type-table-header-tracking: 0.01em;
  --sous-type-table-header-weight: 500;
  --sous-z-base: 0;
  --sous-z-dropdown: 20;
  --sous-z-modal: 40;
  --sous-z-overlay: 30;
  --sous-z-sticky: 10;
  --sous-z-toast: 50;
  --sous-z-tooltip: 60;

  /* shadcn compatibility boundary */
  --background: var(--sous-color-canvas);
  --foreground: var(--sous-color-text-primary);
  --card: var(--sous-color-surface);
  --card-foreground: var(--sous-color-text-primary);
  --popover: var(--sous-color-surface-raised);
  --popover-foreground: var(--sous-color-text-primary);
  --primary: var(--sous-color-action-primary);
  --primary-foreground: var(--sous-color-action-primary-text);
  --secondary: var(--sous-color-action-secondary);
  --secondary-foreground: var(--sous-color-action-secondary-text);
  --muted: var(--sous-color-surface-subtle);
  --muted-foreground: var(--sous-color-text-secondary);
  --accent: var(--sous-color-selection);
  --accent-foreground: var(--sous-color-text-primary);
  --destructive: var(--sous-color-action-destructive);
  --destructive-foreground: var(--sous-color-action-destructive-text);
  --border: var(--sous-color-border-subtle);
  --input: var(--sous-color-border-control);
  --ring: var(--sous-color-focus);
  --radius: var(--sous-radius-control);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sous-motion-instant: 0ms;
    --sous-motion-state: 0ms;
    --sous-motion-transition: 0ms;
    --sous-motion-enter: 0ms;
    --sous-motion-exit: 0ms;
  }
}