:root {
  color-scheme: dark;

  
  --lnd-blue-400: #00bef2;
  --lnd-blue-500: #0099c5;
  --lnd-yellow-400: #f2c94c;
  --lnd-violet-400: #a78bfa;
  --lnd-violet-500: #7c3aed;
  --lnd-coral-400: #ff8a65;
  --lnd-coral-500: #f4703c;
  --lnd-neutral-0: #ffffff;
  --lnd-neutral-50: #f7fbfe;
  --lnd-neutral-100: #eaf7fd;
  --lnd-neutral-150: #e4f4fd;
  --lnd-neutral-300: #9fc3d6;
  --lnd-neutral-500: #7a96a8;
  --lnd-neutral-600: #4b6478;
  --lnd-neutral-700: #3a5566;
  --lnd-neutral-850: #0e1620;
  --lnd-neutral-900: #0b1b26;
  --lnd-neutral-925: #080d12;
  --lnd-neutral-950: #020407;

  
  --lnd-color-primary: var(--lnd-blue-400);
  --lnd-color-primary-hover: var(--lnd-blue-500);
  --lnd-color-accent-text: var(--lnd-blue-400);
  --lnd-color-accent: var(--lnd-yellow-400);
  --lnd-color-accent-2: var(--lnd-violet-400);
  --lnd-color-accent-3: var(--lnd-coral-400);
  --lnd-color-page: var(--lnd-neutral-950);
  --lnd-color-surface: var(--lnd-neutral-925);
  --lnd-color-surface-elevated: var(--lnd-neutral-850);
  --lnd-color-control: rgba(255, 255, 255, 0.04);
  --lnd-color-heading: var(--lnd-neutral-0);
  --lnd-color-text: #e6eef3;
  --lnd-color-text-muted: var(--lnd-neutral-500);
  --lnd-color-text-subtle: var(--lnd-neutral-700);
  --lnd-color-on-primary: var(--lnd-neutral-950);
  --lnd-color-primary-hover-surface: var(--lnd-neutral-0);
  --lnd-color-primary-hover-text: var(--lnd-neutral-950);
  --lnd-color-overlay-subtle: rgba(255, 255, 255, 0.04);
  --lnd-color-overlay-faint: rgba(255, 255, 255, 0.02);
  --lnd-color-header: rgba(2, 4, 7, 0.60);
  --lnd-color-field: rgba(255, 255, 255, 0.04);
  --lnd-color-field-text: #e6eef3;
  --lnd-color-placeholder: var(--lnd-neutral-700);
  --lnd-color-media-placeholder: rgba(255, 255, 255, 0.03);
  --lnd-color-media-placeholder-icon: rgba(255, 255, 255, 0.15);
  --lnd-color-muted-dot: rgba(255, 255, 255, 0.15);
  --lnd-color-chat-incoming: rgba(255, 255, 255, 0.05);
  --lnd-color-media-stage: rgba(0, 0, 0, 0.40);
  --lnd-color-panel-toolbar: rgba(255, 255, 255, 0.02);
  --lnd-color-hero-secondary: #d4d4d8;
  --lnd-color-warning-text: var(--lnd-yellow-400);
  --lnd-color-primary-soft: rgba(0, 190, 242, 0.20);
  --lnd-color-ping: rgba(0, 190, 242, 0.20);
  --lnd-color-browser-toolbar: #eef7fc;
  --lnd-color-browser-content: #eef7fc;
  --lnd-border-browser: rgba(0, 0, 0, 0.05);
  --lnd-color-selection: rgba(0, 190, 242, 0.30);
  --lnd-color-selection-text: var(--lnd-neutral-0);

  
  --lnd-border-subtle: rgba(255, 255, 255, 0.05);
  --lnd-border-default: rgba(255, 255, 255, 0.07);
  --lnd-border-card: rgba(0, 190, 242, 0.28);
  --lnd-border-control: rgba(0, 190, 242, 0.20);
  --lnd-border-strong: rgba(0, 190, 242, 0.50);
  --lnd-focus-ring: var(--lnd-blue-400);

  
  --lnd-font-sans: "Plus Jakarta Sans", sans-serif;
  --lnd-font-mono: "JetBrains Mono", monospace;
  --lnd-font-size-h1: clamp(3.75rem, 7vw, 6rem);
  --lnd-font-size-h2: clamp(2.25rem, 5vw, 3.75rem);
  --lnd-font-size-h3: clamp(1.5rem, 3vw, 2.25rem);
  --lnd-font-size-h4: 1.5rem;
  --lnd-font-size-h5: 1.25rem;
  --lnd-font-size-h6: 1rem;
  --lnd-font-weight-h1: 800;
  --lnd-font-weight-h2: 800;
  --lnd-font-weight-h3: 700;
  --lnd-font-weight-h4: 700;
  --lnd-font-weight-h5: 600;
  --lnd-font-weight-h6: 600;
  --lnd-line-height-h1: 1.02;
  --lnd-line-height-h2: 1.08;
  --lnd-line-height-h3: 1.15;
  --lnd-line-height-h4: 1.2;
  --lnd-line-height-h5: 1.3;
  --lnd-line-height-h6: 1.4;
  --lnd-line-height-body: 1.6;

  
  --lnd-icon-size-sm: 0.875rem;
  --lnd-icon-size-md: 1rem;
  --lnd-icon-size-lg: 1.25rem;
  --lnd-icon-size-xl: 2rem;

  
  --lnd-space-0: 0;
  --lnd-space-1: 0.25rem;
  --lnd-space-2: 0.5rem;
  --lnd-space-3: 0.75rem;
  --lnd-space-4: 1rem;
  --lnd-space-5: 1.25rem;
  --lnd-space-6: 1.5rem;
  --lnd-space-8: 2rem;
  --lnd-space-10: 2.5rem;
  --lnd-space-12: 3rem;
  --lnd-space-16: 4rem;
  --lnd-space-20: 5rem;
  --lnd-space-24: 6rem;
  --lnd-space-28: 7rem;
  --lnd-space-32: 8rem;
  --lnd-space-40: 10rem;

  
  --lnd-radius-control: 0.625rem;
  --lnd-radius-card: 1rem;
  --lnd-radius-pill: 999rem;
  --lnd-shadow-card: 0 0 0 0 transparent;
  --lnd-shadow-primary: 0 0 0 0.0625rem rgba(0, 190, 242, 0.35), 0 0.5rem 1.875rem -0.5rem rgba(0, 190, 242, 0.50);
  --lnd-shadow-featured: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.40), 0 1rem 2.5rem -1rem rgba(0, 190, 242, 0.40);
  --lnd-shadow-frame: 0 1.5625rem 3.125rem -0.75rem rgba(0, 0, 0, 0.25);
  --lnd-duration-fast: 200ms;
  --lnd-duration-base: 300ms;
  --lnd-ease-standard: ease;

  
  --lnd-card-background: linear-gradient(rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)) padding-box,
    linear-gradient(135deg, rgba(0, 190, 242, 0.28), rgba(255, 255, 255, 0.03)) border-box;
  --lnd-card-border-color: transparent;
  --lnd-card-backdrop: blur(0.875rem);
  --lnd-divider: linear-gradient(90deg, transparent, rgba(0, 190, 242, 0.35), transparent);
  --lnd-number-stroke-width: 0.09375rem;
  --lnd-number-stroke-color: rgba(0, 190, 242, 0.6);
  --lnd-cta-glow: rgba(0, 190, 242, 0.18);
  --lnd-period-border: rgba(0, 190, 242, 0.30);
  --lnd-canvas-opacity: 0.70;
  --lnd-canvas-blend: screen;
  --lnd-logo-dot-shadow: 0 0 0.625rem var(--lnd-blue-400);
  --lnd-color-danger: #f87171;
  --lnd-color-warning: #fcd34d;
  --lnd-color-success: #6ee7a0;
  --lnd-dark-ambient: radial-gradient(60% 50% at 78% 8%, rgba(0, 190, 242, 0.15) 0%, transparent 60%),
    radial-gradient(45% 40% at 15% 95%, rgba(0, 190, 242, 0.08) 0%, transparent 65%),
    linear-gradient(180deg, #020407 0%, #05090d 55%, #020407 100%);
  --lnd-light-ambient: radial-gradient(50% 40% at 85% 5%, rgba(0, 190, 242, 0.20) 0%, transparent 65%),
    radial-gradient(45% 35% at 5% 30%, rgba(0, 190, 242, 0.14) 0%, transparent 65%),
    radial-gradient(55% 45% at 50% 100%, rgba(0, 190, 242, 0.14) 0%, transparent 65%),
    linear-gradient(180deg, #eaf7fd 0%, #e4f4fd 40%, #eaf7fd 100%);
}

[data-theme="dark"] {
  --lnd-color-text-subtle: var(--lnd-neutral-0);
  --lnd-color-text-muted: var(--lnd-neutral-150);
  --lnd-color-text-accent: var(#00bef2);
}

[data-theme="light"] {
  color-scheme: light;
  --lnd-color-page: var(--lnd-neutral-150);
  --lnd-color-accent-text: var(--lnd-blue-500);
  --lnd-color-accent-2: var(--lnd-violet-500);
  --lnd-color-accent-3: var(--lnd-coral-500);
  --lnd-color-surface: var(--lnd-neutral-50);
  --lnd-color-surface-elevated: var(--lnd-neutral-0);
  --lnd-color-control: var(--lnd-neutral-0);
  --lnd-color-heading: var(--lnd-neutral-900);
  --lnd-color-text: var(--lnd-neutral-900);
  --lnd-color-text-muted: var(--lnd-neutral-600);
  --lnd-color-text-subtle: var(--lnd-neutral-300);
  --lnd-color-on-primary: var(--lnd-neutral-900);
  --lnd-color-primary-hover-surface: var(--lnd-blue-500);
  --lnd-color-primary-hover-text: var(--lnd-neutral-0);
  --lnd-color-overlay-subtle: rgba(255, 255, 255, 0.72);
  --lnd-color-overlay-faint: rgba(255, 255, 255, 0.48);
  --lnd-color-header: rgba(228, 244, 253, 0.75);
  --lnd-color-field: var(--lnd-neutral-50);
  --lnd-color-field-text: var(--lnd-neutral-900);
  --lnd-color-placeholder: var(--lnd-neutral-300);
  --lnd-color-media-placeholder: #f1f5f9;
  --lnd-color-media-placeholder-icon: #cbd5e1;
  --lnd-color-muted-dot: #e2e8f0;
  --lnd-color-chat-incoming: #f1f5f9;
  --lnd-color-media-stage: #f8fafc;
  --lnd-color-panel-toolbar: #f8fafc;
  --lnd-color-hero-secondary: #5b7186;
  --lnd-color-warning-text: #d97706;
  --lnd-color-primary-soft: rgba(0, 190, 242, 0.15);
  --lnd-color-ping: rgba(0, 190, 242, 0.25);
  --lnd-color-browser-toolbar: var(--lnd-neutral-0);
  --lnd-color-browser-content: #f8fafc;
  --lnd-border-browser: rgba(0, 190, 242, 0.10);
  --lnd-color-selection: rgba(0, 190, 242, 0.25);
  --lnd-color-selection-text: var(--lnd-neutral-900);
  --lnd-border-subtle: rgba(0, 190, 242, 0.10);
  --lnd-border-default: rgba(0, 190, 242, 0.15);
  --lnd-border-card: rgba(0, 190, 242, 0.18);
  --lnd-shadow-card: 0 0.0625rem 0.125rem rgba(11, 27, 38, 0.04), 0 0.5rem 1.5rem -0.75rem rgba(0, 190, 242, 0.18);
  --lnd-shadow-primary: 0 0.0625rem 0.125rem rgba(11, 27, 38, 0.06), 0 0.625rem 1.5rem -0.625rem rgba(0, 190, 242, 0.45);
  --lnd-shadow-featured: 0 0.0625rem 0.125rem rgba(11, 27, 38, 0.04), 0 1rem 2.5rem -1rem rgba(0, 190, 242, 0.35);
  --lnd-shadow-frame: 0 1.25rem 1.5625rem -0.3125rem rgba(11, 27, 38, 0.10);
  --lnd-card-background: rgba(255, 255, 255, 0.25);
  --lnd-card-border-color: none;
  --lnd-divider: linear-gradient(90deg, transparent, rgba(0, 190, 242, 0.30), transparent);
  --lnd-number-stroke-width: 0.09375rem;
  --lnd-number-stroke-color: rgba(0, 190, 242, 0.45);
  --lnd-cta-glow: rgba(0, 190, 242, 0.20);
  --lnd-period-border: rgba(0, 190, 242, 0.25);
  --lnd-canvas-opacity: 0.90;
  --lnd-canvas-blend: normal;
  --lnd-logo-dot-shadow: none;
  --lnd-color-danger: #a7271b;
  --lnd-color-warning: #7a5a00;
  --lnd-color-success: #2d6b3e;
}


