/* GENERATED from tokens.json by scripts/build-tokens.mjs — do not edit. Techpool DLS 0.5.13. */
:root {
  --tp-red-50: #FFF8F9;
  --tp-red-100: #FFF0F3;
  --tp-red-200: #FFD6DE;
  --tp-red-300: #FF9EAF;
  --tp-red-400: #FF4D6A;
  --tp-red-500: #F50F3C;
  --tp-red-600: #D62839;
  --tp-red-700: #B91C2E;
  --tp-red-800: #9B1824;
  --tp-red-900: #7D141D;
  --tp-navy-50: #EEEEF4;
  --tp-navy-100: #C8C8D8;
  --tp-navy-200: #9898B0;
  --tp-navy-300: #6B6B88;
  --tp-navy-400: #454560;
  --tp-navy-500: #2E2E44;
  --tp-navy-600: #242436;
  --tp-navy-700: #1A1A28;
  --tp-navy-800: #141420;
  --tp-navy-900: #0C0C14;
  --tp-gray-50: #FAFBFC;
  --tp-gray-100: #F9FAFC;
  --tp-gray-200: #E5E7EB;
  --tp-gray-300: #D1D5DB;
  --tp-gray-400: #9CA3AF;
  --tp-gray-500: #6B7280;
  --tp-gray-600: #4B5563;
  --tp-gray-700: #374151;
  --tp-gray-800: #1F2937;
  --tp-gray-900: #111827;
  --tp-success-100: #DCFCE7;
  --tp-success-400: #4ADE80;
  --tp-success-700: #15803D;
  --tp-success: #22C55E;
  --tp-warning-100: #FEF3C7;
  --tp-warning-400: #FBBF24;
  --tp-warning-600: #D97706;
  --tp-warning-700: #92400E;
  --tp-warning: #F59E0B;
  --tp-error-100: #FEE2E2;
  --tp-error: #EF4444;
  --tp-error-soft: #F87171;
  --tp-gradient-red-0: #1A0A0E;
  --tp-gradient-red-50: #180810;
  --tp-gradient-red-100: #140A0C;
  --tp-gradient-green-0: #081A0E;
  --tp-gradient-green-50: #0A1410;
  --tp-gradient-green-100: #080E0C;
  --tp-gradient-blue-0: #080E1A;
  --tp-gradient-blue-50: #0A1020;
  --tp-gradient-blue-100: #080C14;
  --tp-gradient-amber-0: #1A1608;
  --tp-gradient-amber-50: #14120A;
  --tp-gradient-amber-100: #0E0C08;
  --tp-gradient-hero-0: #080810;
  --tp-gradient-hero-100: #10101C;
  --tp-info-100: #DBEAFE;
  --tp-info-600: #2563EB;
  --tp-info: #3B82F6;
  --tp-purple-100: #EDE9FE;
  --tp-purple-500: #A78BFA;
  --tp-purple-700: #6D28D9;
  --tp-blue-100: #DBEAFE;
  --tp-blue-400: #60A5FA;
  --tp-blue-700: #1D4ED8;
  --tp-amber-100: #FEF3C7;
  --tp-white: #FFFFFF;
  --tp-black: #000000;
  --tp-font-display: 'DM Sans', sans-serif;
  --tp-font-mono: 'JetBrains Mono', monospace;
  --tp-text-hero: 64px;
  --tp-text-hero-weight: 800;
  --tp-text-hero-line-height: 1.0;
  --tp-text-hero-tracking: -1.0px;
  --tp-text-h1: 44px;
  --tp-text-h1-weight: 600;
  --tp-text-h1-line-height: 1.1;
  --tp-text-h1-tracking: -0.8px;
  --tp-text-h2: 32px;
  --tp-text-h2-weight: 600;
  --tp-text-h2-line-height: 1.15;
  --tp-text-h2-tracking: -0.7px;
  --tp-text-h3: 24px;
  --tp-text-h3-weight: 600;
  --tp-text-h3-line-height: 1.25;
  --tp-text-h3-tracking: -0.5px;
  --tp-text-h4: 20px;
  --tp-text-h4-weight: 600;
  --tp-text-h4-line-height: 1.3;
  --tp-text-h4-tracking: -0.4px;
  --tp-text-body-lg: 18px;
  --tp-text-body-lg-weight: 400;
  --tp-text-body-lg-line-height: 1.6;
  --tp-text-body: 16px;
  --tp-text-body-weight: 400;
  --tp-text-body-line-height: 1.6;
  --tp-text-body-sm: 14px;
  --tp-text-body-sm-weight: 400;
  --tp-text-body-sm-line-height: 1.5;
  --tp-text-caption: 12px;
  --tp-text-caption-weight: 400;
  --tp-text-caption-line-height: 1.4;
  --tp-text-overline: 11px;
  --tp-text-overline-weight: 600;
  --tp-text-overline-letter-spacing: 0.1em;
  --tp-text-mono: 13px;
  --tp-text-mono-weight: 400;
  --tp-text-mono-line-height: 1.5;
  --tp-space-1: 4px;
  --tp-space-2: 8px;
  --tp-space-3: 12px;
  --tp-space-4: 16px;
  --tp-space-5: 20px;
  --tp-space-6: 24px;
  --tp-space-8: 32px;
  --tp-space-10: 40px;
  --tp-space-12: 48px;
  --tp-space-16: 64px;
  --tp-space-20: 80px;
  --tp-space-24: 96px;
  --tp-radius-sm: 4px;
  --tp-radius-md: 8px;
  --tp-radius-lg: 12px;
  --tp-radius-xl: 16px;
  --tp-radius-full: 9999px;
  --tp-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --tp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --tp-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  --tp-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  --tp-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
  --tp-duration-instant: 100ms;
  --tp-duration-normal: 200ms;
  --tp-duration-spring: 500ms;
  --tp-ease-out: ease-out;
  --tp-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --tp-ease-spring: cubic-bezier(0, 0, 0.2, 1);
  --tp-text-primary: var(--tp-gray-900);
  --tp-text-secondary: var(--tp-gray-600);
  --tp-text-tertiary: var(--tp-gray-400);
  --tp-text-inverse: #FFFFFF;
  --tp-text-brand: var(--tp-red-500);
  --tp-bg-primary: #FFFFFF;
  --tp-bg-secondary: var(--tp-gray-50);
  --tp-bg-tertiary: var(--tp-gray-100);
  --tp-bg-inverse: var(--tp-navy-900);
  --tp-border-default: var(--tp-gray-200);
  --tp-border-strong: var(--tp-gray-300);
  --tp-border-subtle: var(--tp-gray-100);
  --tp-surface-elevated: #FFFFFF;
  --tp-surface-sunken: var(--tp-gray-100);
  --tp-surface-code: var(--tp-gray-50);
  --tp-surface-hover: rgba(17, 24, 39, 0.04);
  --tp-interactive-primary: var(--tp-red-500);
  --tp-interactive-primary-hover: var(--tp-red-600);
  --tp-card-gradient: linear-gradient(165deg, var(--tp-navy-700) 0%, var(--tp-navy-800) 50%, var(--tp-navy-900) 100%);
  --tp-gradient-demo-red: linear-gradient(170deg, var(--tp-gradient-red-0) 0%, var(--tp-gradient-red-50) 50%, var(--tp-gradient-red-100) 100%);
  --tp-gradient-demo-green: linear-gradient(170deg, var(--tp-gradient-green-0) 0%, var(--tp-gradient-green-50) 50%, var(--tp-gradient-green-100) 100%);
  --tp-gradient-demo-blue: linear-gradient(170deg, var(--tp-gradient-blue-0) 0%, var(--tp-gradient-blue-50) 50%, var(--tp-gradient-blue-100) 100%);
  --tp-gradient-demo-amber: linear-gradient(170deg, var(--tp-gradient-amber-0) 0%, var(--tp-gradient-amber-50) 50%, var(--tp-gradient-amber-100) 100%);
  --tp-gradient-demo-hero: linear-gradient(145deg, var(--tp-gradient-hero-0) 0%, var(--tp-navy-900) 50%, var(--tp-gradient-hero-100) 100%);
  --tp-card-border: rgba(255, 255, 255, 0.08);
  --tp-card-border-hover: rgba(255, 255, 255, 0.15);
  --tp-card-glow-hover: 0 0 25px rgba(255, 255, 255, 0.04);
  --tp-icon-bg: rgba(255, 255, 255, 0.06);
  --tp-icon-border: rgba(255, 255, 255, 0.08);
  --tp-divider-subtle: rgba(255, 255, 255, 0.06);
  --p-primary-color: var(--tp-red-500);
  --p-primary-hover-color: var(--tp-red-600);
  --p-primary-active-color: var(--tp-red-600);
  --p-primary-text-color: #FFFFFF;
  --p-primary-contrast-color: #FFFFFF;
  --p-primary-50: var(--tp-red-50);
  --p-primary-100: var(--tp-red-100);
  --p-primary-200: var(--tp-red-200);
  --p-primary-300: var(--tp-red-300);
  --p-primary-400: var(--tp-red-400);
  --p-primary-500: var(--tp-red-500);
  --p-primary-600: var(--tp-red-600);
  --p-primary-700: var(--tp-red-700);
  --p-primary-800: var(--tp-red-800);
  --p-primary-900: var(--tp-red-900);
  --p-focus-ring-color: rgba(245, 15, 60, 0.2);
  --p-highlight-background: #DCFCE7;
  --p-highlight-color: #15803D;
  --p-highlight-focus-background: #BBF7D0;
  --p-highlight-focus-color: #15803D;
  --p-select-focus-border-color: var(--tp-red-500);
  --p-inputtext-focus-border-color: var(--tp-red-500);
  --p-datepicker-date-selected-background: var(--tp-gray-700);
  --p-datepicker-date-selected-color: #FFFFFF;
  --p-datepicker-date-range-selected-background: var(--tp-gray-200);
  --p-datepicker-date-range-selected-color: var(--tp-text-primary);
  --p-text-color: var(--tp-gray-700);
  --p-text-muted-color: var(--tp-gray-500);
  --p-content-border-color: var(--tp-gray-200);
  --p-content-background: #FFFFFF;
  --p-content-hover-background: var(--tp-gray-100);
  --p-surface-50: var(--tp-gray-50);
  --p-surface-100: var(--tp-gray-100);
  --p-surface-200: var(--tp-gray-200);
  --p-surface-300: var(--tp-gray-300);
  --p-surface-400: var(--tp-gray-400);
  --p-surface-500: var(--tp-gray-500);
  --p-surface-600: var(--tp-gray-600);
  --p-surface-700: var(--tp-gray-700);
  --p-surface-800: var(--tp-gray-800);
  --p-surface-900: var(--tp-gray-900);
  --p-surface-950: var(--tp-navy-900);
  --p-surface-0: #FFFFFF;
}

html.dark {
  --tp-text-primary: #FFFFFF;
  --tp-text-secondary: var(--tp-navy-200);
  --tp-text-tertiary: var(--tp-navy-300);
  --tp-text-inverse: var(--tp-navy-900);
  --tp-bg-primary: var(--tp-navy-900);
  --tp-bg-secondary: var(--tp-navy-800);
  --tp-bg-tertiary: var(--tp-navy-700);
  --tp-bg-inverse: #FFFFFF;
  --tp-border-default: rgba(255, 255, 255, 0.08);
  --tp-border-strong: rgba(255, 255, 255, 0.15);
  --tp-border-subtle: rgba(255, 255, 255, 0.04);
  --tp-surface-elevated: var(--tp-navy-800);
  --tp-surface-sunken: var(--tp-navy-900);
  --tp-surface-code: var(--tp-navy-600);
  --tp-surface-hover: rgba(255, 255, 255, 0.06);
  --tp-interactive-primary: var(--tp-red-400);
  --tp-interactive-primary-hover: var(--tp-red-500);
  --p-highlight-background: rgba(34, 197, 94, 0.12);
  --p-highlight-color: #4ADE80;
  --p-highlight-focus-background: rgba(34, 197, 94, 0.20);
  --p-highlight-focus-color: #4ADE80;
  --p-datepicker-date-selected-background: rgba(255, 255, 255, 0.26);
  --p-datepicker-date-selected-color: #FFFFFF;
  --p-datepicker-date-range-selected-background: rgba(255, 255, 255, 0.10);
  --p-datepicker-date-range-selected-color: var(--tp-text-primary);
  --p-text-color: #FFFFFF;
  --p-text-muted-color: var(--tp-navy-400);
  --p-content-border-color: var(--tp-navy-700);
  --p-content-background: var(--tp-navy-900);
  --p-content-hover-background: var(--tp-navy-800);
  --p-surface-0: #FFFFFF;
  --p-surface-50: var(--tp-navy-50);
  --p-surface-100: var(--tp-navy-100);
  --p-surface-200: var(--tp-navy-200);
  --p-surface-300: var(--tp-navy-300);
  --p-surface-400: var(--tp-navy-400);
  --p-surface-500: var(--tp-navy-500);
  --p-surface-600: var(--tp-surface-code);
  --p-surface-700: var(--tp-bg-tertiary);
  --p-surface-800: var(--tp-surface-elevated);
  --p-surface-900: var(--tp-bg-primary);
  --p-surface-950: var(--tp-bg-primary);
}