/* DR Logic design tokens — autogenerated. Do not edit by hand. */
/* Source: packages/design-tokens/tokens/*.json */

:root {
  --colour-brand-space-blue: #0066CC;
  --colour-brand-shark: #1D1D1F;
  --colour-brand-grey: #8E8E93;
  --colour-brand-off-white: #F5F5F7;
  --colour-brand-white: #FFFFFF;
  --colour-brand-black: #000000;
  --colour-blue-50: #E6F0FA;
  --colour-blue-100: #CCE0F5;
  --colour-blue-200: #99C2EB;
  --colour-blue-300: #66A3E0;
  --colour-blue-400: #3385D6;
  --colour-blue-500: #0066CC;
  --colour-blue-600: #0052A3;
  --colour-blue-700: #003D7A;
  --colour-blue-800: #002952;
  --colour-blue-900: #001429;
  --colour-neutral-0: #FFFFFF;
  --colour-neutral-50: #F5F5F7;
  --colour-neutral-100: #EBEBEF;
  --colour-neutral-200: #D7D7DE;
  --colour-neutral-300: #BFBFC6;
  --colour-neutral-400: #A3A3AA;
  --colour-neutral-500: #8E8E93;
  --colour-neutral-600: #6E6E73;
  --colour-neutral-700: #4D4D52;
  --colour-neutral-800: #2E2E33;
  --colour-neutral-900: #1D1D1F;
  --colour-neutral-1000: #000000;
  --colour-semantic-success: #22C55E;
  --colour-semantic-success-dark: #16A34A;
  --colour-semantic-warning: #F59E0B;
  --colour-semantic-warning-dark: #D97706;
  --colour-semantic-destructive: #DC2626;
  --colour-semantic-info: #0066CC;
  --colour-sub-brand-tempest-primary: #191654;
  --colour-sub-brand-tempest-primary-hover: #12103d;
  --colour-sub-brand-tempest-primary-light: #3ebff9;
  --colour-sub-brand-tempest-secondary: #ff5a7b;
  --colour-sub-brand-tempest-success: #71fb70;
  --colour-sub-brand-tempest-accent-green: #4dba4a;
  --colour-sub-brand-tempest-accent-blue: #58b3f8;
  --gradient-primary: linear-gradient(135deg, hsl(210 100% 40%), hsl(195 100% 55%));
  --gradient-vivid: linear-gradient(135deg, hsl(210 100% 45%) 0%, hsl(260 85% 55%) 50%, hsl(310 80% 55%) 100%);
  --gradient-subtle-card: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(240 9% 97%) 100%);
  --gradient-hero: radial-gradient(ellipse at top, hsl(210 100% 92%) 0%, hsl(240 9% 96%) 60%);
  --gradient-dashboard: radial-gradient(ellipse at top right, hsl(195 100% 92%) 0%, hsl(240 9% 96%) 55%);
  --gradient-auth: radial-gradient(ellipse at center, hsl(210 100% 93%) 0%, hsl(240 9% 96%) 65%);
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 150ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 350ms;
  --motion-duration-slower: 700ms;
  --motion-easing-linear: linear;
  --motion-easing-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);
  --motion-easing-accelerate: cubic-bezier(0.4, 0.0, 1, 1);
  --motion-easing-emphasised: cubic-bezier(0.2, 0.0, 0, 1);
  --motion-named-float: float 6s ease-in-out infinite;
  --motion-named-glow-pulse: glow-pulse 3s ease-in-out infinite;
  --motion-named-shimmer: shimmer 1.6s linear infinite;
  --motion-named-fade-in: fade-in 350ms cubic-bezier(0.22, 1, 0.36, 1) both;
  --motion-named-scale-in: scale-in 350ms cubic-bezier(0.22, 1, 0.36, 1) both;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-soft: 0 1px 2px hsl(240 6% 10% / 0.05), 0 1px 3px hsl(240 6% 10% / 0.08);
  --shadow-medium: 0 2px 4px hsl(240 6% 10% / 0.06), 0 4px 12px -2px hsl(240 6% 10% / 0.1);
  --shadow-elegant: 0 1px 2px hsl(240 6% 10% / 0.04), 0 2px 8px -2px hsl(240 6% 10% / 0.08);
  --shadow-card-hover: 0 2px 4px hsl(240 6% 10% / 0.06), 0 6px 16px -4px hsl(240 6% 10% / 0.12);
  --shadow-overlay: 0 10px 38px -10px hsl(240 6% 10% / 0.2), 0 10px 20px -15px hsl(240 6% 10% / 0.14);
  --shadow-glow: 0 0 40px -8px hsl(210 100% 50% / 0.45);
  --shadow-focus-ring: 0 0 0 2px hsl(0 0% 100%), 0 0 0 4px hsl(210 100% 40%);
  --spacing-fluid-xs: clamp(1.3506752532rem, calc(-0.0165792733vw + 1.3559806207rem), 1.3333333333rem);
  --spacing-fluid-s: clamp(1.8004501125rem, calc(0.190774271vw + 1.7394023458rem), 2rem);
  --spacing-fluid-m: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);
  --spacing-fluid-l: clamp(3.1992rem, calc(1.2435946463vw + 2.8012497132rem), 4.5rem);
  --spacing-fluid-xl: clamp(4.2645336rem, calc(2.3761629063vw + 3.50416147rem), 6.75rem);
  --spacing-fluid-xxl: clamp(5.6846232888rem, calc(4.2451020184vw + 4.3261906429rem), 10.125rem);
  --spacing-fixed-0: 0;
  --spacing-fixed-1: 0.25rem;
  --spacing-fixed-2: 0.5rem;
  --spacing-fixed-3: 0.75rem;
  --spacing-fixed-4: 1rem;
  --spacing-fixed-5: 1.25rem;
  --spacing-fixed-6: 1.5rem;
  --spacing-fixed-8: 2rem;
  --spacing-fixed-10: 2.5rem;
  --spacing-fixed-12: 3rem;
  --spacing-fixed-16: 4rem;
  --spacing-fixed-20: 5rem;
  --spacing-fixed-24: 6rem;
  --spacing-fixed-32: 8rem;
  --spacing-fixed-px: 1px;
  --spacing-container-sm: 640px;
  --spacing-container-md: 768px;
  --spacing-container-lg: 1024px;
  --spacing-container-xl: 1280px;
  --spacing-container-2xl: 1440px;
  --spacing-container-prose: 65ch;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --typography-font-family-sans: 'Kumbh Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
  --typography-font-family-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --typography-font-family-print: 'Inter', 'Kumbh Sans', -apple-system, system-ui, sans-serif;
  --typography-font-weight-light: 300;
  --typography-font-weight-regular: 400;
  --typography-font-weight-medium: 500;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-bold: 700;
  --typography-font-size-xs: 0.75rem;
  --typography-font-size-sm: 0.875rem;
  --typography-font-size-base: 1rem;
  --typography-font-size-lg: 1.125rem;
  --typography-font-size-xl: 1.25rem;
  --typography-font-size-2xl: 1.5rem;
  --typography-font-size-3xl: 1.875rem;
  --typography-font-size-4xl: 2.25rem;
  --typography-font-size-5xl: 3rem;
  --typography-font-size-6xl: 3.75rem;
  --typography-font-size-7xl: 4.5rem;
  --typography-line-height-tight: 1.15;
  --typography-line-height-snug: 1.3;
  --typography-line-height-normal: 1.5;
  --typography-line-height-relaxed: 1.625;
  --typography-letter-spacing-tightest: -0.04em;
  --typography-letter-spacing-tighter: -0.025em;
  --typography-letter-spacing-tight: -0.015em;
  --typography-letter-spacing-normal: 0;
  --typography-letter-spacing-wide: 0.025em;
  --typography-letter-spacing-wider: 0.05em;
  --typography-letter-spacing-widest: 0.1em;
}

/* Semantic theme aliases — light theme. Names match application-example. */
:root {
  --background: 240 9% 96%;
  --foreground: 240 3% 12%;
  --card: 0 0% 100%;
  --card-foreground: 240 3% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 3% 12%;
  --primary: 210 90% 44%;
  --primary-foreground: 0 0% 100%;
  --primary-hover: 210 90% 37%;
  --primary-active: 210 90% 30%;
  --secondary: 240 5% 92%;
  --secondary-foreground: 240 3% 12%;
  --muted: 240 5% 92%;
  --muted-foreground: 240 4% 42%;
  --accent: 210 90% 44%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 5% 87%;
  --input: 240 5% 92%;
  --ring: 210 90% 44%;
  --radius: 0.75rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;
  --success: 142 70% 40%;
  --warning: 38 92% 50%;
  --info: 210 90% 44%;
  --surface-page: 240 9% 96%;
  --surface-raised: 0 0% 100%;
  --surface-sunken: 240 6% 93%;
  --surface-overlay: 0 0% 100%;
  --success-subtle: 142 55% 93%;
  --success-subtle-foreground: 142 75% 24%;
  --warning-subtle: 40 95% 92%;
  --warning-subtle-foreground: 30 90% 29%;
  --destructive-subtle: 0 78% 95%;
  --destructive-subtle-foreground: 0 72% 38%;
  --info-subtle: 210 90% 94%;
  --info-subtle-foreground: 210 90% 34%;
  --neutral-subtle: 240 5% 92%;
  --neutral-subtle-foreground: 240 4% 34%;
  --radius-control: 0.625rem;
  --control-height-sm: 2rem;
  --control-height-md: 2.5rem;
  --control-height-lg: 2.75rem;
  --control-height-xl: 3rem;
  --chart-1: 210 90% 44%;
  --chart-2: 172 66% 36%;
  --chart-3: 262 60% 56%;
  --chart-4: 30 90% 48%;
  --chart-5: 340 70% 50%;
  --chart-6: 100 45% 40%;
  --chart-7: 200 80% 40%;
  --chart-8: 45 90% 42%;
  --primary-glow: 195 100% 55%;
  --accent-glow: 280 90% 60%;
  --gradient-primary: linear-gradient(135deg, hsl(210 100% 40%), hsl(195 100% 55%));
  --gradient-vivid: linear-gradient(135deg, hsl(210 100% 45%) 0%, hsl(260 85% 55%) 50%, hsl(310 80% 55%) 100%);
  --gradient-subtle-card: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(240 9% 97%) 100%);
  --gradient-hero: radial-gradient(ellipse at top, hsl(210 100% 92%) 0%, hsl(240 9% 96%) 60%);
  --gradient-dashboard: radial-gradient(ellipse at top right, hsl(195 100% 92%) 0%, hsl(240 9% 96%) 55%);
  --gradient-auth: radial-gradient(ellipse at center, hsl(210 100% 93%) 0%, hsl(240 9% 96%) 65%);
  --shadow-glow: 0 0 40px -8px hsl(210 100% 50% / 0.45);
  --shadow-elegant: 0 1px 2px hsl(240 6% 10% / 0.04), 0 2px 8px -2px hsl(240 6% 10% / 0.08);
  --shadow-card-hover: 0 2px 4px hsl(240 6% 10% / 0.06), 0 6px 16px -4px hsl(240 6% 10% / 0.12);
  --shadow-medium: 0 2px 4px hsl(240 6% 10% / 0.06), 0 4px 12px -2px hsl(240 6% 10% / 0.1);
  --shadow-soft: 0 1px 2px hsl(240 6% 10% / 0.05), 0 1px 3px hsl(240 6% 10% / 0.08);
  --shadow-overlay: 0 10px 38px -10px hsl(240 6% 10% / 0.2), 0 10px 20px -15px hsl(240 6% 10% / 0.14);
  --transition-smooth: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Semantic theme aliases — dark theme. Tuned for WCAG AA contrast:
   lighter muted text, visible borders, real surface separation, and
   dark-tinted gradients/shadows (the light card gradient must NOT leak).
   Matches BOTH estate dark conventions: the .dark class and [data-theme="dark"]. */
.dark, [data-theme="dark"] {
  --background: 240 6% 10%;
  --foreground: 240 12% 96%;
  --card: 240 5% 15%;
  --card-foreground: 240 12% 96%;
  --popover: 240 6% 14%;
  --popover-foreground: 240 12% 96%;
  --primary: 210 90% 62%;
  --primary-foreground: 0 0% 100%;
  --primary-hover: 210 90% 68%;
  --primary-active: 210 90% 74%;
  --secondary: 240 5% 24%;
  --secondary-foreground: 240 12% 96%;
  --muted: 240 5% 22%;
  --muted-foreground: 240 8% 72%;
  --accent: 210 90% 62%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 84% 64%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 5% 30%;
  --input: 240 5% 28%;
  --ring: 210 90% 68%;
  --success: 142 64% 55%;
  --warning: 38 95% 60%;
  --info: 210 90% 66%;
  --surface-page: 240 6% 10%;
  --surface-raised: 240 5% 15%;
  --surface-sunken: 240 6% 8%;
  --surface-overlay: 240 6% 14%;
  --success-subtle: 142 40% 16%;
  --success-subtle-foreground: 142 60% 70%;
  --warning-subtle: 38 55% 16%;
  --warning-subtle-foreground: 40 90% 70%;
  --destructive-subtle: 0 45% 18%;
  --destructive-subtle-foreground: 0 85% 76%;
  --info-subtle: 210 55% 18%;
  --info-subtle-foreground: 210 90% 75%;
  --neutral-subtle: 240 5% 22%;
  --neutral-subtle-foreground: 240 8% 75%;
  --chart-1: 210 90% 62%;
  --chart-2: 172 60% 50%;
  --chart-3: 262 70% 70%;
  --chart-4: 30 92% 60%;
  --chart-5: 340 75% 65%;
  --chart-6: 100 50% 55%;
  --chart-7: 200 85% 58%;
  --chart-8: 45 90% 55%;
  /* Surface gradients/shadows re-tinted for dark — the light theme set a
     near-white card gradient that previously bled through in dark mode. */
  --gradient-subtle-card: linear-gradient(180deg, hsl(240 5% 16%) 0%, hsl(240 6% 13%) 100%);
  --gradient-hero: radial-gradient(ellipse at top, hsl(210 90% 14%) 0%, hsl(240 6% 10%) 60%);
  --gradient-dashboard: radial-gradient(ellipse at top right, hsl(195 90% 14%) 0%, hsl(240 6% 10%) 55%);
  --gradient-auth: radial-gradient(ellipse at center, hsl(210 90% 15%) 0%, hsl(240 6% 10%) 65%);
  --shadow-elegant: 0 1px 2px hsl(0 0% 0% / 0.4), 0 2px 8px -2px hsl(0 0% 0% / 0.5);
  --shadow-card-hover: 0 2px 4px hsl(0 0% 0% / 0.5), 0 6px 16px -4px hsl(0 0% 0% / 0.6);
  --shadow-medium: 0 2px 4px hsl(0 0% 0% / 0.45), 0 4px 12px -2px hsl(0 0% 0% / 0.55);
  --shadow-soft: 0 1px 2px hsl(0 0% 0% / 0.4), 0 1px 3px hsl(0 0% 0% / 0.5);
  --shadow-overlay: 0 10px 38px -10px hsl(0 0% 0% / 0.55), 0 10px 20px -15px hsl(0 0% 0% / 0.45);
}