/* Auto-generated from DTCG tokens — do not edit manually */
/* Source: packages/tokens/src/tokens.json */
/* Rebuild: python3 packages/tokens/build.py */

:root {
  /* Main page background */
  --color-background-dark: #0a0a14;
  /* Card/surface background */
  --color-background-card: #13131f;
  /* Elevated surface */
  --color-background-elevated: #1e1e2e;
  /* Input field background */
  --color-background-input: #0f0f1a;
  /* Primary violet */
  --color-primary-base: #a78bfa;
  /* Primary hover state */
  --color-primary-hover: #8b5cf6;
  /* Primary active/pressed */
  --color-primary-active: #7c3aed;
  /* Muted primary */
  --color-primary-muted: #6366f1;
  /* Gold accent for highlights */
  --color-accent-gold: #f59e0b;
  /* Gold hover */
  --color-accent-goldHover: #d97706;
  /* CTA button green */
  --color-cta-green: #22c55e;
  /* CTA hover */
  --color-cta-greenHover: #16a34a;
  /* CTA active */
  --color-cta-greenActive: #15803d;
  /* Primary text (white) */
  --color-text-primary: #ffffff;
  /* Secondary text (gray) */
  --color-text-secondary: #a1a1aa;
  /* Muted/placeholder text */
  --color-text-muted: #6b7280;
  /* Accent text (purple) */
  --color-text-accent: #a78bfa;
  /* Default border */
  --color-border-default: #3f3f5a;
  /* Focus border */
  --color-border-focus: #a78bfa;
  /* Subtle border */
  --color-border-subtle: rgba(167, 139, 250, 0.2);
  --color-status-success: #22c55e;
  --color-status-warning: #f59e0b;
  --color-status-error: #ef4444;
  --color-status-info: #3b82f6;
  --typography-fontFamily-heading: Inter, system-ui, sans-serif;
  --typography-fontFamily-body: Inter, system-ui, sans-serif;
  --typography-fontFamily-mono: JetBrains Mono, monospace;
  --typography-fontSize-xs: 12px;
  --typography-fontSize-sm: 14px;
  --typography-fontSize-base: 16px;
  --typography-fontSize-lg: 18px;
  --typography-fontSize-xl: 20px;
  --typography-fontSize-2xl: 24px;
  --typography-fontSize-3xl: 30px;
  --typography-fontSize-4xl: 36px;
  --typography-fontSize-5xl: 48px;
  --typography-fontSize-6xl: 60px;
  --typography-fontWeight-normal: 400;
  --typography-fontWeight-medium: 500;
  --typography-fontWeight-semibold: 600;
  --typography-fontWeight-bold: 700;
  --typography-lineHeight-tight: 1.2;
  --typography-lineHeight-normal: 1.5;
  --typography-lineHeight-relaxed: 1.75;
  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --borderRadius-none: 0px;
  --borderRadius-sm: 4px;
  --borderRadius-md: 8px;
  --borderRadius-lg: 12px;
  --borderRadius-xl: 16px;
  --borderRadius-2xl: 24px;
  --borderRadius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 15px rgba(0,0,0,0.25);
  --shadow-lg: 0 10px 25px rgba(0,0,0,0.3);
  --shadow-glow: 0 0 20px rgba(167,139,250,0.3);
  --shadow-glowGreen: 0 0 20px rgba(34,197,94,0.3);
  --gradient-primaryToSecondary: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
  --gradient-darkCard: linear-gradient(180deg, #1e1e2e 0%, #13131f 100%);
  --gradient-ctaGreen: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  --components-button-primary-background: var(--color-cta-green);
  --components-button-primary-backgroundHover: var(--color-cta-greenHover);
  --components-button-primary-text: #ffffff;
  --components-button-primary-borderRadius: var(--borderRadius-md);
  --components-button-primary-paddingX: var(--spacing-6);
  --components-button-primary-paddingY: var(--spacing-3);
  --components-button-secondary-background: transparent;
  --components-button-secondary-border: var(--color-primary-base);
  --components-button-secondary-text: var(--color-primary-base);
  --components-card-background: var(--color-background-card);
  --components-card-borderRadius: var(--borderRadius-lg);
  --components-card-padding: var(--spacing-6);
  --components-card-shadow: var(--shadow-md);
  /* Input field background */
  --components-input-background: #0f0f1a;
  /* Default border color */
  --components-input-borderColor: rgba(255,255,255,0.1);
  /* Input border radius */
  --components-input-borderRadius: 8px;
  /* Border width */
  --components-input-borderWidth: 1px;
  /* Input padding */
  --components-input-padding: 10px 12px;
  /* Input font size */
  --components-input-fontSize: 0.875rem;
  /* Input text color */
  --components-input-textColor: #e2e8f0;
  /* Placeholder text color */
  --components-input-placeholderColor: #6b7280;
  /* Border color on focus */
  --components-input-focusBorderColor: #a78bfa;
  /* Focus ring shadow */
  --components-input-focusRing: 0 0 0 3px rgba(167,139,250,0.2);
  /* Error state border */
  --components-input-errorBorderColor: #ef4444;
  /* Error message text color */
  --components-input-errorColor: #ef4444;
  /* Label text color */
  --components-input-labelColor: #a1a1aa;
  /* Label font size */
  --components-input-labelFontSize: 0.75rem;
  /* Helper text color */
  --components-input-helperColor: #6b7280;
  /* Helper text font size */
  --components-input-helperFontSize: 0.75rem;
  /* Opacity when disabled */
  --components-input-disabledOpacity: 0.5;
  --components-statBadge-background: var(--color-background-elevated);
  --components-statBadge-border: var(--color-primary-base);
  --components-statBadge-borderOpacity: 0.3;
  --components-tabs-borderColor: var(--color-border-default);
  --components-tabs-triggerColor: var(--color-text-secondary);
  --components-tabs-triggerHoverColor: var(--color-text-primary);
  --components-tabs-triggerActiveColor: var(--color-primary-base);
  --components-tabs-triggerActiveBorder: var(--color-primary-base);
  --components-tabs-panelColor: var(--color-text-primary);
  --components-tabs-paddingX: var(--spacing-4);
  --components-tabs-paddingY: var(--spacing-2);
  --components-alert-borderRadius: var(--borderRadius-md);
  --components-alert-padding: var(--spacing-4);
  --components-alert-paddingX: var(--spacing-5);
  --components-alert-success-background: rgba(34,197,94,0.12);
  --components-alert-success-border: var(--color-status-success);
  --components-alert-success-text: var(--color-status-success);
  --components-alert-warning-background: rgba(245,158,11,0.12);
  --components-alert-warning-border: var(--color-status-warning);
  --components-alert-warning-text: var(--color-status-warning);
  --components-alert-error-background: rgba(239,68,68,0.12);
  --components-alert-error-border: var(--color-status-error);
  --components-alert-error-text: var(--color-status-error);
  --components-alert-info-background: rgba(59,130,246,0.12);
  --components-alert-info-border: var(--color-status-info);
  --components-alert-info-text: var(--color-status-info);
  --components-pricingCard-background: var(--color-background-card);
  --components-pricingCard-backgroundFeatured: var(--color-background-elevated);
  --components-pricingCard-borderRadius: var(--borderRadius-xl);
  --components-pricingCard-padding: var(--spacing-8);
  --components-pricingCard-border: var(--color-border-default);
  --components-pricingCard-borderFeatured: var(--color-primary-base);
  --components-pricingCard-priceColor: var(--color-text-primary);
  --components-pricingCard-labelColor: var(--color-text-secondary);
  --components-pricingCard-featureColor: var(--color-text-secondary);
  --components-pricingCard-checkColor: var(--color-cta-green);
  --components-pricingCard-shadow: var(--shadow-md);
  --components-pricingCard-shadowFeatured: var(--shadow-glow);
  --components-testimonial-background: var(--color-background-card);
  --components-testimonial-backgroundHover: var(--color-background-elevated);
  --components-testimonial-borderRadius: var(--borderRadius-lg);
  --components-testimonial-padding: var(--spacing-6);
  --components-testimonial-border: var(--color-border-default);
  --components-testimonial-avatarBorder: var(--color-primary-base);
  --components-testimonial-avatarSize: 48px;
  --components-testimonial-quoteColor: var(--color-text-secondary);
  --components-testimonial-nameColor: var(--color-text-primary);
  --components-testimonial-roleColor: var(--color-text-muted);
  --components-testimonial-starColor: var(--color-accent-gold);
  --components-testimonial-starEmpty: var(--color-text-muted);
  --components-metricsPanel-background: var(--color-background-card);
  --components-metricsPanel-borderRadius: var(--borderRadius-lg);
  --components-metricsPanel-padding: var(--spacing-6);
  --components-metricsPanel-border: var(--color-border-default);
  --components-metricsPanel-valueColor: var(--color-text-primary);
  --components-metricsPanel-labelColor: var(--color-text-secondary);
  --components-metricsPanel-trendUp: var(--color-status-success);
  --components-metricsPanel-trendDown: var(--color-status-error);
  --components-metricsPanel-trendFlat: var(--color-text-muted);
  --components-metricsPanel-statusGood: var(--color-status-success);
  --components-metricsPanel-statusWarning: var(--color-status-warning);
  --components-metricsPanel-statusCritical: var(--color-status-error);
  --components-authorBio-background: var(--color-background-card);
  --components-authorBio-borderRadius: var(--borderRadius-lg);
  --components-authorBio-padding: var(--spacing-6);
  --components-authorBio-border: var(--color-border-default);
  --components-authorBio-avatarSize: 64px;
  --components-authorBio-avatarBorder: var(--color-primary-base);
  --components-authorBio-nameColor: var(--color-text-primary);
  --components-authorBio-roleColor: var(--color-primary-base);
  --components-authorBio-bioColor: var(--color-text-secondary);
  --components-authorBio-socialColor: var(--color-text-muted);
  --components-authorBio-socialHover: var(--color-primary-base);
  --components-authorBio-badgeBackground: var(--color-background-elevated);
  --components-authorBio-badgeText: var(--color-primary-base);
  /* Vertical timeline connector line */
  --components-timeline-lineColor: var(--color-border-subtle);
  /* Event card background */
  --components-timeline-eventBackground: var(--color-background-card);
  /* Event card border */
  --components-timeline-eventBorder: var(--color-border-default);
  --components-timeline-eventBorderRadius: var(--borderRadius-lg);
  --components-timeline-eventPadding: var(--spacing-5);
  /* Event type icon background */
  --components-timeline-iconBackground: var(--color-background-elevated);
  /* Event type icon color */
  --components-timeline-iconColor: var(--color-primary-base);
  --components-timeline-titleColor: var(--color-text-primary);
  --components-timeline-descriptionColor: var(--color-text-secondary);
  --components-timeline-timestampColor: var(--color-text-muted);
  --components-timeline-badgeSuccessBg: rgba(34,197,94,0.15);
  --components-timeline-badgeErrorBg: rgba(239,68,68,0.15);
  --components-timeline-badgeWarningBg: rgba(245,158,11,0.15);
  --components-timeline-badgePendingBg: rgba(59,130,246,0.15);
  --components-timeline-badgeText: var(--color-text-primary);
  --components-timeline-filterActiveBg: var(--color-primary-base);
  --components-timeline-filterActiveText: #ffffff;
  --components-comparisonTable-background: var(--color-background-card);
  --components-comparisonTable-headerBackground: var(--color-background-elevated);
  --components-comparisonTable-borderRadius: var(--borderRadius-lg);
  --components-comparisonTable-border: var(--color-border-default);
  --components-comparisonTable-rowStripe: rgba(167, 139, 250, 0.04);
  --components-comparisonTable-headerText: var(--color-text-primary);
  --components-comparisonTable-cellText: var(--color-text-secondary);
  --components-comparisonTable-checkColor: var(--color-status-success);
  --components-comparisonTable-crossColor: var(--color-status-error);
  --components-comparisonTable-partialColor: var(--color-status-warning);
  --components-comparisonTable-featureLabelColor: var(--color-text-primary);
  --components-comparisonTable-tooltipBackground: var(--color-background-elevated);
  --components-comparisonTable-tooltipText: var(--color-text-primary);
  --components-formWizard-background: var(--color-background-card);
  --components-formWizard-borderRadius: var(--borderRadius-lg);
  --components-formWizard-padding: var(--spacing-6);
  --components-formWizard-stepActiveBackground: var(--color-primary-base);
  --components-formWizard-stepActiveBorder: var(--color-primary-base);
  --components-formWizard-stepActiveText: #ffffff;
  --components-formWizard-stepCompletedBackground: var(--color-primary-active);
  --components-formWizard-stepCompletedText: #ffffff;
  --components-formWizard-stepInactiveBackground: transparent;
  --components-formWizard-stepInactiveBorder: var(--color-border-default);
  --components-formWizard-stepInactiveText: var(--color-text-muted);
  --components-formWizard-stepConnectorActive: var(--color-primary-base);
  --components-formWizard-stepConnectorInactive: var(--color-border-default);
  --components-formWizard-stepLabelActive: var(--color-primary-base);
  --components-formWizard-stepLabelInactive: var(--color-text-muted);
  --components-formWizard-fieldBackground: var(--color-background-input);
  --components-formWizard-fieldBorder: var(--color-border-default);
  --components-formWizard-fieldBorderFocus: var(--color-primary-base);
  --components-formWizard-fieldBorderError: var(--color-status-error);
  --components-formWizard-fieldText: var(--color-text-primary);
  --components-formWizard-fieldPlaceholder: var(--color-text-muted);
  --components-formWizard-labelColor: var(--color-text-secondary);
  --components-formWizard-errorText: var(--color-status-error);
  --components-formWizard-checkboxCheckedBg: var(--color-primary-base);
  --components-formWizard-checkboxBorder: var(--color-border-default);
  --components-formWizard-navCounterColor: var(--color-text-muted);
  /* Ring track background */
  --components-scoreGauge-trackColor: var(--color-background-elevated);
  /* Default fill color (teal) */
  --components-scoreGauge-fillDefault: var(--color-primary-base);
  /* Good status fill */
  --components-scoreGauge-fillGood: var(--color-status-success);
  /* Warning status fill */
  --components-scoreGauge-fillWarning: var(--color-status-warning);
  /* Critical status fill */
  --components-scoreGauge-fillCritical: var(--color-status-error);
  /* Score number text */
  --components-scoreGauge-scoreColor: var(--color-text-primary);
  /* Label text below gauge */
  --components-scoreGauge-labelColor: var(--color-text-secondary);
  /* Trend up arrow */
  --components-scoreGauge-trendUpColor: var(--color-status-success);
  /* Trend down arrow */
  --components-scoreGauge-trendDownColor: var(--color-status-error);
  /* Trend flat indicator */
  --components-scoreGauge-trendFlatColor: var(--color-text-muted);
  /* Card wrapper background */
  --components-scoreGauge-background: var(--color-background-card);
  /* Card border radius */
  --components-scoreGauge-borderRadius: var(--borderRadius-lg);
  /* Ring stroke width (px) */
  --components-scoreGauge-strokeWidth: 10;
  /* Score glow filter opacity */
  --components-scoreGauge-glowOpacity: 0.3;
  /* Card wrapper background */
  --components-radarChart-background: var(--color-background-card);
  /* Card border radius */
  --components-radarChart-borderRadius: var(--borderRadius-lg);
  /* Concentric grid lines */
  --components-radarChart-gridColor: var(--color-border-subtle);
  /* Grid line stroke width */
  --components-radarChart-gridStrokeWidth: 1;
  /* Axis lines from center to vertices */
  --components-radarChart-axisColor: var(--color-border-default);
  /* Data polygon fill (teal from Stitch Aetheris palette) */
  --components-radarChart-fillColor: #44e5c2;
  /* Data polygon fill opacity */
  --components-radarChart-fillOpacity: 0.2;
  /* Data polygon stroke (Stitch primary_container) */
  --components-radarChart-strokeColor: #00c9a7;
  /* Data polygon stroke width */
  --components-radarChart-strokeWidth: 2;
  /* Data point dots at vertices */
  --components-radarChart-dotColor: #44e5c2;
  /* Data point dot radius */
  --components-radarChart-dotRadius: 4;
  /* Axis dimension labels */
  --components-radarChart-labelColor: var(--color-text-secondary);
  /* Axis value labels */
  --components-radarChart-valueColor: var(--color-text-primary);
  /* Chart title text */
  --components-radarChart-titleColor: var(--color-text-primary);
  /* Center overall score text */
  --components-radarChart-scoreColor: #44e5c2;
  /* Center score backdrop */
  --components-radarChart-scoreBgColor: var(--color-background-elevated);
  /* Pagination bar background */
  --components-pagination-background: var(--color-background-card);
  /* Container border radius */
  --components-pagination-borderRadius: var(--borderRadius-lg);
  /* Default button background */
  --components-pagination-buttonBackground: transparent;
  /* Hovered button background */
  --components-pagination-buttonBackgroundHover: var(--color-background-elevated);
  /* Active/current page button (Stitch teal) */
  --components-pagination-buttonBackgroundActive: #44e5c2;
  /* Default page number text */
  --components-pagination-buttonText: var(--color-text-secondary);
  /* Hovered page text */
  --components-pagination-buttonTextHover: var(--color-text-primary);
  /* Active page text (dark on teal) */
  --components-pagination-buttonTextActive: #00382d;
  /* Individual button radius */
  --components-pagination-buttonBorderRadius: var(--borderRadius-md);
  /* Button width/height */
  --components-pagination-buttonSize: 36px;
  /* Disabled prev/next button color */
  --components-pagination-disabledColor: var(--color-text-muted);
  /* Ellipsis dots color */
  --components-pagination-ellipsisColor: var(--color-text-muted);
  /* Page X of Y counter text */
  --components-pagination-counterColor: var(--color-text-muted);
  /* Prev/Next arrow color */
  --components-pagination-navColor: var(--color-text-secondary);
  /* Prev/Next arrow hover (teal) */
  --components-pagination-navColorHover: #44e5c2;
  /* Badge background */
  --components-readingTime-background: var(--color-background-elevated);
  /* Pill shape */
  --components-readingTime-borderRadius: var(--borderRadius-full);
  /* Main text color */
  --components-readingTime-textColor: var(--color-text-secondary);
  /* Clock icon (teal) */
  --components-readingTime-iconColor: #44e5c2;
  /* Dot separator */
  --components-readingTime-separatorColor: var(--color-border-subtle);
  /* Progress bar track */
  --components-readingTime-progressTrack: var(--color-background-card);
  /* Progress bar fill (teal) */
  --components-readingTime-progressFill: #44e5c2;
  /* Progress bar height */
  --components-readingTime-progressHeight: 3px;
  /* Avatar circle diameter */
  --components-aiAvatarTooltip-avatarSize: 48px;
  /* Avatar inner background (Stitch surface) */
  --components-aiAvatarTooltip-avatarBackground: #10141a;
  /* Pulsing glow ring (teal primary_container) */
  --components-aiAvatarTooltip-avatarGlowColor: #44e5c2;
  /* Bright glow when active (Stitch primary) */
  --components-aiAvatarTooltip-avatarGlowActiveColor: #84ffdf;
  /* AI icon stroke (Stitch primary_fixed_dim) */
  --components-aiAvatarTooltip-avatarIconColor: #39debb;
  /* Chat bubble glassmorphism bg (Stitch surface-container) */
  --components-aiAvatarTooltip-bubbleBackground: #161b22;
  /* Ghost border (Stitch surface_bright at 30%) */
  --components-aiAvatarTooltip-bubbleBorder: rgba(53,57,64,0.3);
  /* Ambient teal-tinted shadow */
  --components-aiAvatarTooltip-bubbleShadow: 0px 24px 48px rgba(0,0,0,0.4);
  /* Rounded card corners (xl) */
  --components-aiAvatarTooltip-bubbleBorderRadius: 1.5rem;
  /* AI name/greeting (Stitch on_surface) */
  --components-aiAvatarTooltip-headerTextColor: #dfe2eb;
  /* Message body (Stitch on_surface_variant) */
  --components-aiAvatarTooltip-bodyTextColor: #bacac3;
  /* Input field bg (Stitch surface-container-lowest) */
  --components-aiAvatarTooltip-inputBackground: #0a0e14;
  /* Input border (Stitch surface_container_highest) */
  --components-aiAvatarTooltip-inputBorderColor: #31353c;
  /* Input focus state (teal) */
  --components-aiAvatarTooltip-inputFocusBorderColor: #44e5c2;
  /* Input text */
  --components-aiAvatarTooltip-inputTextColor: #dfe2eb;
  /* Placeholder text (Stitch outline) */
  --components-aiAvatarTooltip-inputPlaceholderColor: #85948e;
  /* Typing indicator dots (teal) */
  --components-aiAvatarTooltip-typingDotColor: #44e5c2;
  /* Gold highlight for premium AI insights (Stitch secondary) */
  --components-aiAvatarTooltip-goldAccent: #d4a574;
  /* Close X button (Stitch outline) */
  --components-aiAvatarTooltip-closeButtonColor: #85948e;
  /* Close X hover */
  --components-aiAvatarTooltip-closeButtonHoverColor: #dfe2eb;
  /* Glassmorphic metric card bg (Stitch surface-container) */
  --components-liveReadouts-cardBackground: #161b22;
  /* Card corner radius (Stitch rounded-md) */
  --components-liveReadouts-cardBorderRadius: 0.75rem;
  /* Ghost border (Stitch outline_variant at 15%) */
  --components-liveReadouts-cardBorder: rgba(60,74,69,0.15);
  /* Large metric value (Stitch on_surface) */
  --components-liveReadouts-valueColor: #dfe2eb;
  /* Monospace for precision metrics (Stitch JetBrains Mono) */
  --components-liveReadouts-valueFontFamily: monospace;
  /* Metric label (Stitch on_surface_variant) */
  --components-liveReadouts-labelColor: #bacac3;
  /* Unit text (Stitch outline) */
  --components-liveReadouts-unitColor: #85948e;
  /* Upward trend (healthy green) */
  --components-liveReadouts-trendUpColor: #22c55e;
  /* Downward trend (warning red) */
  --components-liveReadouts-trendDownColor: #ff6b6b;
  /* Flat trend (neutral) */
  --components-liveReadouts-trendFlatColor: #85948e;
  /* Normal status indicator (teal) */
  --components-liveReadouts-statusNormal: #44e5c2;
  /* Warning status (gold) */
  --components-liveReadouts-statusWarning: #d4a574;
  /* Critical status (red) */
  --components-liveReadouts-statusCritical: #ff6b6b;
  /* Sparkline stroke (Stitch primary) */
  --components-liveReadouts-sparklineColor: #84ffdf;
  /* Active pulse glow (teal 8%) */
  --components-liveReadouts-pulseGlowColor: rgba(68,229,194,0.08);
  /* Hero composite score section bg (surface-container-low) */
  --components-wellnessMatrix-heroBackground: #111318;
  /* Hero composite score value (primary) */
  --components-wellnessMatrix-heroScoreColor: #58f5d1;
  /* Hero score label text (on-surface-variant) */
  --components-wellnessMatrix-heroLabelColor: #aaabb0;
  /* Score ring track bg (surface-container-high) */
  --components-wellnessMatrix-heroRingTrack: #1d2025;
  /* Score ring fill (primary) */
  --components-wellnessMatrix-heroRingFill: #58f5d1;
  /* Category card bg (surface-container-high) */
  --components-wellnessMatrix-cardBackground: #1d2025;
  /* Card corner radius (xl) */
  --components-wellnessMatrix-cardBorderRadius: 0.75rem;
  /* Ghost border (outline-variant 15%) */
  --components-wellnessMatrix-cardBorder: rgba(70,72,77,0.15);
  /* Category icon tint (primary-dim) */
  --components-wellnessMatrix-categoryIconColor: #45e7c3;
  /* Category score value (on-surface) */
  --components-wellnessMatrix-scoreColor: #f6f6fc;
  /* Category label text (on-surface-variant) */
  --components-wellnessMatrix-labelColor: #aaabb0;
  /* Sparkline stroke (primary) */
  --components-wellnessMatrix-sparklineColor: #58f5d1;
  /* Mini bar chart fill (primary-container) */
  --components-wellnessMatrix-barFillColor: #1cd0ad;
  /* Mini bar chart track (surface-container-highest) */
  --components-wellnessMatrix-barTrackColor: #23262c;
  /* Status: optimal (primary) */
  --components-wellnessMatrix-statusOptimal: #58f5d1;
  /* Status: attention (warm gold) */
  --components-wellnessMatrix-statusAttention: #d4a574;
  /* Status: critical (error) */
  --components-wellnessMatrix-statusCritical: #ff716c;
  /* Ambient teal glow (primary 6%) */
  --components-wellnessMatrix-glowShadow: 0px 0px 60px rgba(88,245,209,0.06);
  /* Progress bar track background */
  --components-progressBar-trackBackground: #1d2025;
  /* Track border radius (pill) */
  --components-progressBar-trackBorderRadius: 9999px;
  /* Default fill (primary violet) */
  --components-progressBar-fillDefault: #a78bfa;
  /* Success fill (green) */
  --components-progressBar-fillSuccess: #22c55e;
  /* Warning fill (gold) */
  --components-progressBar-fillWarning: #f59e0b;
  /* Error fill (red) */
  --components-progressBar-fillError: #ef4444;
  /* Fill border radius (pill) */
  --components-progressBar-fillBorderRadius: 9999px;
  /* Value label text color */
  --components-progressBar-labelColor: #ffffff;
  /* Value label font size */
  --components-progressBar-labelFontSize: 12px;
  /* Small bar height */
  --components-progressBar-heightSm: 4px;
  /* Medium bar height */
  --components-progressBar-heightMd: 8px;
  /* Large bar height (with label) */
  --components-progressBar-heightLg: 20px;
  /* Gap between segments */
  --components-progressBar-segmentGap: 2px;
  /* Fill glow shadow opacity */
  --components-progressBar-glowOpacity: 0.3;
  /* Striped pattern angle */
  --components-progressBar-stripeAngle: 45deg;
  /* Indeterminate animation cycle */
  --components-progressBar-animationDuration: 1.5s;
  /* Toast container background */
  --components-toast-background: #1e1e2e;
  /* Toast corner radius */
  --components-toast-borderRadius: 12px;
  /* Toast content padding */
  --components-toast-padding: 12px 16px;
  /* Toast elevation shadow */
  --components-toast-shadow: 0 8px 32px rgba(0,0,0,0.4);
  /* Toast message text */
  --components-toast-textColor: #ffffff;
  /* Toast description text */
  --components-toast-descriptionColor: #a1a1aa;
  /* Close button color */
  --components-toast-closeColor: #6b7280;
  /* Close button hover */
  --components-toast-closeHoverColor: #ffffff;
  /* Success icon color */
  --components-toast-iconSuccess: #22c55e;
  /* Warning icon color */
  --components-toast-iconWarning: #f59e0b;
  /* Error icon color */
  --components-toast-iconError: #ef4444;
  /* Info icon color */
  --components-toast-iconInfo: #3b82f6;
  /* Auto-dismiss progress track */
  --components-toast-progressTrack: rgba(255,255,255,0.1);
  /* Auto-dismiss progress fill */
  --components-toast-progressFill: #a78bfa;
  /* Toast max width */
  --components-toast-maxWidth: 400px;
  /* Gap between stacked toasts */
  --components-toast-gap: 8px;
  /* Breadcrumbs container background */
  --components-breadcrumbs-background: transparent;
  /* Separator chevron color */
  --components-breadcrumbs-separatorColor: #4b5563;
  /* Breadcrumb link text color */
  --components-breadcrumbs-linkColor: #a78bfa;
  /* Breadcrumb link hover color */
  --components-breadcrumbs-linkHoverColor: #8b5cf6;
  /* Current page text color */
  --components-breadcrumbs-currentColor: #e2e8f0;
  /* Breadcrumb text size */
  --components-breadcrumbs-fontSize: 0.875rem;
  /* Gap between breadcrumb items */
  --components-breadcrumbs-gap: 8px;
  /* Container padding */
  --components-breadcrumbs-padding: 8px 0;
  /* Max width for truncated items */
  --components-breadcrumbs-truncateMaxWidth: 120px;
  /* Home icon color */
  --components-breadcrumbs-homeIconColor: #6b7280;
  /* Home icon hover color */
  --components-breadcrumbs-homeIconHoverColor: #a78bfa;
  /* Truncation ellipsis color */
  --components-breadcrumbs-ellipsisColor: #6b7280;
  /* Badge text size */
  --components-badge-fontSize: 0.75rem;
  /* Badge text weight */
  --components-badge-fontWeight: 600;
  /* Horizontal padding */
  --components-badge-paddingX: 8px;
  /* Vertical padding */
  --components-badge-paddingY: 2px;
  /* Pill shape radius */
  --components-badge-borderRadius: 9999px;
  /* Default variant background */
  --components-badge-defaultBackground: rgba(167,139,250,0.15);
  /* Default variant text */
  --components-badge-defaultText: #a78bfa;
  /* Success variant background */
  --components-badge-successBackground: rgba(34,197,94,0.15);
  /* Success variant text */
  --components-badge-successText: #22c55e;
  /* Warning variant background */
  --components-badge-warningBackground: rgba(245,158,11,0.15);
  /* Warning variant text */
  --components-badge-warningText: #f59e0b;
  /* Error variant background */
  --components-badge-errorBackground: rgba(239,68,68,0.15);
  /* Error variant text */
  --components-badge-errorText: #ef4444;
  /* Info variant background */
  --components-badge-infoBackground: rgba(59,130,246,0.15);
  /* Info variant text */
  --components-badge-infoText: #3b82f6;
  /* Status dot diameter */
  --components-badge-dotSize: 6px;
  /* Remove button color */
  --components-badge-removeColor: #6b7280;
  /* Remove button hover color */
  --components-badge-removeHoverColor: #ffffff;
  /* Skeleton base background */
  --components-skeleton-baseColor: #1e1e2e;
  /* Shimmer highlight color */
  --components-skeleton-highlightColor: #2a2a3e;
  /* Default border radius */
  --components-skeleton-borderRadius: 8px;
  /* Pulse animation duration */
  --components-skeleton-animationDuration: 1.5s;
  /* Text line height */
  --components-skeleton-textHeight: 1em;
  /* Gap between text lines */
  --components-skeleton-textSpacing: 8px;
  /* Default circle diameter */
  --components-skeleton-circleSize: 48px;
  /* Skeleton opacity */
  --components-skeleton-opacity: 0.6;
  /* Accordion container background */
  --components-accordion-background: #13131f;
  /* Container border radius */
  --components-accordion-borderRadius: 12px;
  /* Container border */
  --components-accordion-border: 1px solid rgba(255,255,255,0.06);
  /* Header button padding */
  --components-accordion-headerPadding: 16px 20px;
  /* Header text color */
  --components-accordion-headerColor: #e2e8f0;
  /* Header hover background */
  --components-accordion-headerHoverBackground: rgba(167,139,250,0.06);
  /* Content area padding */
  --components-accordion-contentPadding: 0 20px 16px;
  /* Content text color */
  --components-accordion-contentColor: #a1a1aa;
  /* Chevron icon color */
  --components-accordion-chevronColor: #6b7280;
  /* Chevron when expanded */
  --components-accordion-chevronActiveColor: #a78bfa;
  /* Divider between items */
  --components-accordion-dividerColor: rgba(255,255,255,0.06);
  /* Expand/collapse transition */
  --components-accordion-animationDuration: 200ms;
  /* Tooltip background */
  --components-tooltip-background: #1e1e2e;
  /* Tooltip text color */
  --components-tooltip-textColor: #e2e8f0;
  /* Tooltip border radius */
  --components-tooltip-borderRadius: 8px;
  /* Tooltip padding */
  --components-tooltip-padding: 8px 12px;
  /* Tooltip font size */
  --components-tooltip-fontSize: 0.8125rem;
  /* Maximum tooltip width */
  --components-tooltip-maxWidth: 280px;
  /* Tooltip drop shadow */
  --components-tooltip-shadow: 0 4px 16px rgba(0,0,0,0.4);
  /* Tooltip border */
  --components-tooltip-border: 1px solid rgba(255,255,255,0.08);
  /* Arrow triangle size */
  --components-tooltip-arrowSize: 6px;
  /* Arrow color matching background */
  --components-tooltip-arrowColor: #1e1e2e;
  /* Tooltip stacking z-index */
  --components-tooltip-zIndex: 1000;
  /* Fade in/out duration */
  --components-tooltip-animationDuration: 150ms;
  /* Distance from trigger element */
  --components-tooltip-offsetDistance: 8px;
  /* Fully round for circular avatar */
  --components-avatar-borderRadius: 50%;
  /* Subtle border ring */
  --components-avatar-borderColor: rgba(255,255,255,0.1);
  /* Border ring width */
  --components-avatar-borderWidth: 2px;
  /* Fallback/initials background */
  --components-avatar-background: #2a2a3e;
  /* Initials text color */
  --components-avatar-textColor: #e2e8f0;
  /* Initials font weight */
  --components-avatar-fontWeight: 600;
  /* Extra small avatar */
  --components-avatar-sizeXs: 24px;
  /* Small avatar */
  --components-avatar-sizeSm: 32px;
  /* Medium (default) avatar */
  --components-avatar-sizeMd: 40px;
  /* Large avatar */
  --components-avatar-sizeLg: 48px;
  /* Extra large avatar */
  --components-avatar-sizeXl: 64px;
  /* Online/offline status indicator */
  --components-avatar-statusDotSize: 10px;
  /* Online status color */
  --components-avatar-statusOnline: #22c55e;
  /* Offline status color */
  --components-avatar-statusOffline: #6b7280;
  /* Busy/DND status color */
  --components-avatar-statusBusy: #ef4444;
  /* Overlap for avatar groups */
  --components-avatar-groupOverlap: -8px;
  /* Default divider color */
  --components-divider-color: rgba(255,255,255,0.08);
  /* Line thickness */
  --components-divider-thickness: 1px;
  /* Margin around divider */
  --components-divider-spacing: 24px;
  /* Label text color */
  --components-divider-labelColor: #6b7280;
  /* Label font size */
  --components-divider-labelFontSize: 0.75rem;
  /* Label background to mask line */
  --components-divider-labelBackground: #0a0a14;
  /* Label horizontal padding */
  --components-divider-labelPadding: 0 12px;
  /* Accent variant color */
  --components-divider-accentColor: #a78bfa;
  /* Track width */
  --components-switch-trackWidth: 44px;
  /* Track height */
  --components-switch-trackHeight: 24px;
  /* Track border radius (pill) */
  --components-switch-trackBorderRadius: 12px;
  /* Track off-state background */
  --components-switch-trackOffBackground: #2a2a3e;
  /* Track on-state background */
  --components-switch-trackOnBackground: #a78bfa;
  /* Track disabled background */
  --components-switch-trackDisabledBackground: #1a1a2e;
  /* Thumb circle diameter */
  --components-switch-thumbSize: 18px;
  /* Thumb circle color */
  --components-switch-thumbColor: #ffffff;
  /* Thumb inset from track edge */
  --components-switch-thumbOffset: 3px;
  /* Label text color */
  --components-switch-labelColor: #e2e8f0;
  /* Label font size */
  --components-switch-labelFontSize: 0.875rem;
  /* Gap between switch and label */
  --components-switch-labelGap: 12px;
  /* Toggle transition speed */
  --components-switch-animationDuration: 150ms;
  /* Focus ring for keyboard a11y */
  --components-switch-focusRing: 0 0 0 3px rgba(167,139,250,0.3);
  /* Default chip background */
  --components-chip-background: rgba(167,139,250,0.12);
  /* Chip text color */
  --components-chip-textColor: #c4b5fd;
  /* Pill-shaped border radius */
  --components-chip-borderRadius: 16px;
  /* Horizontal padding */
  --components-chip-paddingX: 12px;
  /* Vertical padding */
  --components-chip-paddingY: 4px;
  /* Chip text size */
  --components-chip-fontSize: 0.8125rem;
  /* Chip text weight */
  --components-chip-fontWeight: 500;
  /* Gap between icon/label/remove */
  --components-chip-gap: 6px;
  /* Selected chip background */
  --components-chip-selectedBackground: #a78bfa;
  /* Selected chip text */
  --components-chip-selectedTextColor: #0a0a14;
  /* Hover background */
  --components-chip-hoverBackground: rgba(167,139,250,0.2);
  /* Remove icon color */
  --components-chip-removeColor: #9ca3af;
  /* Remove icon hover color */
  --components-chip-removeHoverColor: #ef4444;
  /* Trigger button background */
  --components-dropdown-triggerBackground: #13131f;
  /* Trigger border */
  --components-dropdown-triggerBorder: 1px solid rgba(255,255,255,0.1);
  /* Trigger border radius */
  --components-dropdown-triggerBorderRadius: 8px;
  /* Trigger padding */
  --components-dropdown-triggerPadding: 8px 12px;
  /* Trigger text color */
  --components-dropdown-triggerColor: #e2e8f0;
  /* Trigger font size */
  --components-dropdown-triggerFontSize: 0.875rem;
  /* Dropdown menu background */
  --components-dropdown-menuBackground: #1e1e2e;
  /* Menu border */
  --components-dropdown-menuBorder: 1px solid rgba(255,255,255,0.08);
  /* Menu border radius */
  --components-dropdown-menuBorderRadius: 8px;
  /* Menu shadow */
  --components-dropdown-menuShadow: 0 8px 24px rgba(0,0,0,0.4);
  /* Max menu height before scroll */
  --components-dropdown-menuMaxHeight: 240px;
  /* Menu item padding */
  --components-dropdown-itemPadding: 8px 12px;
  /* Default item color */
  --components-dropdown-itemColor: #a1a1aa;
  /* Item hover background */
  --components-dropdown-itemHoverBackground: rgba(167,139,250,0.1);
  /* Selected item color */
  --components-dropdown-itemSelectedColor: #a78bfa;
  /* Placeholder text color */
  --components-dropdown-placeholderColor: #6b7280;
  /* Dropdown chevron color */
  --components-dropdown-chevronColor: #6b7280;
  /* Menu stacking z-index */
  --components-dropdown-zIndex: 900;
  /* Backdrop overlay color */
  --components-modal-overlayBackground: rgba(0,0,0,0.6);
  /* Modal content background */
  --components-modal-background: #1e1e2e;
  /* Modal border radius */
  --components-modal-borderRadius: 16px;
  /* Modal border */
  --components-modal-border: 1px solid rgba(255,255,255,0.08);
  /* Modal shadow */
  --components-modal-shadow: 0 16px 48px rgba(0,0,0,0.5);
  /* Content padding */
  --components-modal-padding: 24px;
  /* Default max width */
  --components-modal-maxWidth: 480px;
  /* Title text color */
  --components-modal-titleColor: #e2e8f0;
  /* Title font size */
  --components-modal-titleFontSize: 1.125rem;
  /* Body text color */
  --components-modal-bodyColor: #a1a1aa;
  /* Close button color */
  --components-modal-closeColor: #6b7280;
  /* Close button hover */
  --components-modal-closeHoverColor: #e2e8f0;
  /* Modal stacking z-index */
  --components-modal-zIndex: 1100;
  /* Open/close transition */
  --components-modal-animationDuration: 200ms;
  /* Textarea background */
  --components-textarea-background: #0f0f1a;
  /* Default border color */
  --components-textarea-borderColor: rgba(255,255,255,0.1);
  /* Border radius */
  --components-textarea-borderRadius: 10px;
  /* Border width */
  --components-textarea-borderWidth: 1px;
  /* Content padding */
  --components-textarea-padding: 12px 14px;
  /* Text font size */
  --components-textarea-fontSize: 0.9375rem;
  /* Text color */
  --components-textarea-textColor: #e2e8f0;
  /* Placeholder text color */
  --components-textarea-placeholderColor: #6b7280;
  /* Focused border color */
  --components-textarea-focusBorderColor: #a78bfa;
  /* Focus ring shadow */
  --components-textarea-focusRing: 0 0 0 3px rgba(167,139,250,0.15);
  /* Error border color */
  --components-textarea-errorBorderColor: #ef4444;
  /* Error text color */
  --components-textarea-errorColor: #ef4444;
  /* Label text color */
  --components-textarea-labelColor: #e2e8f0;
  /* Label font size */
  --components-textarea-labelFontSize: 0.875rem;
  /* Helper text color */
  --components-textarea-helperColor: #6b7280;
  /* Helper font size */
  --components-textarea-helperFontSize: 0.8125rem;
  /* Minimum height */
  --components-textarea-minHeight: 120px;
  /* Disabled state opacity */
  --components-textarea-disabledOpacity: 0.5;
  /* Resize handle color */
  --components-textarea-resizeColor: #6b7280;
  /* Select background */
  --components-select-background: #0f0f1a;
  /* Default border color */
  --components-select-borderColor: rgba(255,255,255,0.1);
  /* Border radius */
  --components-select-borderRadius: 10px;
  /* Border width */
  --components-select-borderWidth: 1px;
  /* Select padding (room for chevron) */
  --components-select-padding: 10px 36px 10px 14px;
  /* Text font size */
  --components-select-fontSize: 0.9375rem;
  /* Selected text color */
  --components-select-textColor: #e2e8f0;
  /* Placeholder text color */
  --components-select-placeholderColor: #6b7280;
  /* Focus border color */
  --components-select-focusBorderColor: #a78bfa;
  /* Focus ring shadow */
  --components-select-focusRing: 0 0 0 3px rgba(167,139,250,0.15);
  /* Error border color */
  --components-select-errorBorderColor: #ef4444;
  /* Error text color */
  --components-select-errorColor: #ef4444;
  /* Label text color */
  --components-select-labelColor: #e2e8f0;
  /* Label font size */
  --components-select-labelFontSize: 0.875rem;
  /* Helper text color */
  --components-select-helperColor: #6b7280;
  /* Helper text font size */
  --components-select-helperFontSize: 0.8125rem;
  /* Chevron icon color */
  --components-select-chevronColor: #6b7280;
  /* Disabled state opacity */
  --components-select-disabledOpacity: 0.5;
  /* Table background */
  --components-table-background: #13131f;
  /* Cell border color */
  --components-table-borderColor: rgba(255,255,255,0.08);
  /* Outer border radius */
  --components-table-borderRadius: 12px;
  /* Header row background */
  --components-table-headerBackground: #1a1a2a;
  /* Header text color */
  --components-table-headerColor: #e2e8f0;
  /* Header font size */
  --components-table-headerFontSize: 0.8125rem;
  /* Header font weight */
  --components-table-headerFontWeight: 600;
  /* Cell padding */
  --components-table-cellPadding: 12px 16px;
  /* Cell text color */
  --components-table-cellColor: #a1a1aa;
  /* Cell font size */
  --components-table-cellFontSize: 0.875rem;
  /* Row hover background */
  --components-table-rowHoverBackground: rgba(167,139,250,0.04);
  /* Alternating row stripe */
  --components-table-stripeBackground: rgba(255,255,255,0.02);
  /* Caption text color */
  --components-table-captionColor: #6b7280;
  /* Caption font size */
  --components-table-captionFontSize: 0.8125rem;
  /* Container background */
  --components-emptyState-background: #13131f;
  /* Dashed border color */
  --components-emptyState-borderColor: rgba(255,255,255,0.06);
  /* Border radius */
  --components-emptyState-borderRadius: 16px;
  /* Content padding */
  --components-emptyState-padding: 48px 32px;
  /* Icon/illustration color */
  --components-emptyState-iconColor: #6b7280;
  /* Icon/illustration size */
  --components-emptyState-iconSize: 48px;
  /* Title text color */
  --components-emptyState-titleColor: #e2e8f0;
  /* Title font size */
  --components-emptyState-titleFontSize: 1.125rem;
  /* Description text color */
  --components-emptyState-descriptionColor: #6b7280;
  /* Description font size */
  --components-emptyState-descriptionFontSize: 0.875rem;
  /* Spacing between elements */
  --components-emptyState-gap: 16px;
  /* Spinner arc color */
  --components-spinner-color: #a78bfa;
  /* Background track color */
  --components-spinner-trackColor: rgba(255,255,255,0.08);
  /* Small spinner size */
  --components-spinner-sizeSm: 16px;
  /* Medium spinner size */
  --components-spinner-sizeMd: 32px;
  /* Large spinner size */
  --components-spinner-sizeLg: 48px;
  /* Arc stroke width */
  --components-spinner-strokeWidth: 3px;
  /* Rotation speed */
  --components-spinner-speed: 750ms;
  /* Label text color */
  --components-spinner-labelColor: #a1a1aa;
  /* Label font size */
  --components-spinner-labelFontSize: 0.8125rem;
  /* Space between spinner and label */
  --components-spinner-gap: 12px;
  /* Default tag background */
  --components-tag-background: rgba(167,139,250,0.1);
  /* Default tag text color */
  --components-tag-textColor: #a78bfa;
  /* Tag border radius */
  --components-tag-borderRadius: 6px;
  /* Horizontal padding */
  --components-tag-paddingX: 10px;
  /* Vertical padding */
  --components-tag-paddingY: 4px;
  /* Tag font size */
  --components-tag-fontSize: 0.75rem;
  /* Tag font weight */
  --components-tag-fontWeight: 600;
  /* Space between icon and text */
  --components-tag-gap: 6px;
  /* Success variant background */
  --components-tag-successBackground: rgba(34,197,94,0.1);
  /* Success variant text */
  --components-tag-successColor: #22c55e;
  /* Warning variant background */
  --components-tag-warningBackground: rgba(245,158,11,0.1);
  /* Warning variant text */
  --components-tag-warningColor: #f59e0b;
  /* Error variant background */
  --components-tag-errorBackground: rgba(239,68,68,0.1);
  /* Error variant text */
  --components-tag-errorColor: #ef4444;
  /* Sidebar background */
  --components-sidebar-background: #0f0f1a;
  /* Right border color */
  --components-sidebar-borderColor: rgba(255,255,255,0.06);
  /* Sidebar width */
  --components-sidebar-width: 260px;
  /* Content padding */
  --components-sidebar-padding: 16px;
  /* Header/brand text color */
  --components-sidebar-headerColor: #e2e8f0;
  /* Header font size */
  --components-sidebar-headerFontSize: 1rem;
  /* Link text color */
  --components-sidebar-linkColor: #a1a1aa;
  /* Link hover text color */
  --components-sidebar-linkHoverColor: #e2e8f0;
  /* Link hover background */
  --components-sidebar-linkHoverBackground: rgba(167,139,250,0.08);
  /* Active link text color */
  --components-sidebar-linkActiveColor: #a78bfa;
  /* Active link background */
  --components-sidebar-linkActiveBackground: rgba(167,139,250,0.12);
  /* Link item padding */
  --components-sidebar-linkPadding: 10px 14px;
  /* Link item border radius */
  --components-sidebar-linkBorderRadius: 8px;
  /* Link font size */
  --components-sidebar-linkFontSize: 0.875rem;
  /* Gap between nav sections */
  --components-sidebar-sectionGap: 24px;
  /* Section label color */
  --components-sidebar-sectionLabelColor: #6b7280;
  /* Section label font size */
  --components-sidebar-sectionLabelFontSize: 0.6875rem;
  /* Toolbar background */
  --components-toolbar-background: #13131f;
  /* Bottom border color */
  --components-toolbar-borderColor: rgba(255,255,255,0.08);
  /* Toolbar padding */
  --components-toolbar-padding: 8px 16px;
  /* Item gap */
  --components-toolbar-gap: 8px;
  /* Button icon/text color */
  --components-toolbar-buttonColor: #a1a1aa;
  /* Button hover color */
  --components-toolbar-buttonHoverColor: #e2e8f0;
  /* Button hover background */
  --components-toolbar-buttonHoverBackground: rgba(167,139,250,0.08);
  /* Active button color */
  --components-toolbar-buttonActiveColor: #a78bfa;
  /* Active button background */
  --components-toolbar-buttonActiveBackground: rgba(167,139,250,0.12);
  /* Button padding */
  --components-toolbar-buttonPadding: 6px 10px;
  /* Button border radius */
  --components-toolbar-buttonBorderRadius: 6px;
  /* Button font size */
  --components-toolbar-buttonFontSize: 0.8125rem;
  /* Divider color */
  --components-toolbar-dividerColor: rgba(255,255,255,0.08);
  /* Group label color */
  --components-radioGroup-labelColor: #e2e8f0;
  /* Group label font size */
  --components-radioGroup-labelFontSize: 0.875rem;
  /* Gap between radio options */
  --components-radioGroup-gap: 10px;
  /* Radio circle size */
  --components-radioGroup-radioSize: 18px;
  /* Radio border */
  --components-radioGroup-radioBorder: 2px solid rgba(255,255,255,0.2);
  /* Checked radio border */
  --components-radioGroup-radioCheckedBorder: 2px solid #a78bfa;
  /* Checked inner dot color */
  --components-radioGroup-radioCheckedDot: #a78bfa;
  /* Inner dot size */
  --components-radioGroup-radioDotSize: 10px;
  /* Option label color */
  --components-radioGroup-optionColor: #e2e8f0;
  /* Option label font size */
  --components-radioGroup-optionFontSize: 0.875rem;
  /* Option description color */
  --components-radioGroup-descriptionColor: #a1a1aa;
  /* Description font size */
  --components-radioGroup-descriptionFontSize: 0.8125rem;
  /* Focus ring shadow */
  --components-radioGroup-focusRing: 0 0 0 2px rgba(167,139,250,0.4);
  /* Error message color */
  --components-radioGroup-errorColor: #f87171;
  /* Error font size */
  --components-radioGroup-errorFontSize: 0.8125rem;
  /* Disabled state opacity */
  --components-radioGroup-disabledOpacity: 0.5;
  /* Checkbox box size */
  --components-checkbox-size: 18px;
  /* Box border radius */
  --components-checkbox-borderRadius: 4px;
  /* Unchecked border */
  --components-checkbox-border: 2px solid rgba(255,255,255,0.2);
  /* Checked background */
  --components-checkbox-checkedBackground: #a78bfa;
  /* Checked border */
  --components-checkbox-checkedBorder: 2px solid #a78bfa;
  /* Checkmark icon color */
  --components-checkbox-checkmarkColor: #ffffff;
  /* Label text color */
  --components-checkbox-labelColor: #e2e8f0;
  /* Label font size */
  --components-checkbox-labelFontSize: 0.875rem;
  /* Description color */
  --components-checkbox-descriptionColor: #a1a1aa;
  /* Description font size */
  --components-checkbox-descriptionFontSize: 0.8125rem;
  /* Gap between box and label */
  --components-checkbox-gap: 10px;
  /* Focus ring */
  --components-checkbox-focusRing: 0 0 0 2px rgba(167,139,250,0.4);
  /* Disabled opacity */
  --components-checkbox-disabledOpacity: 0.5;
  /* Indeterminate background */
  --components-checkbox-indeterminateBackground: #a78bfa;
  /* Search input background */
  --components-searchInput-background: #0f0f1a;
  /* Border color */
  --components-searchInput-borderColor: rgba(255,255,255,0.1);
  /* Border radius */
  --components-searchInput-borderRadius: 8px;
  /* Input padding */
  --components-searchInput-padding: 10px 12px;
  /* Font size */
  --components-searchInput-fontSize: 0.875rem;
  /* Text color */
  --components-searchInput-textColor: #e2e8f0;
  /* Placeholder color */
  --components-searchInput-placeholderColor: #6b7280;
  /* Search icon color */
  --components-searchInput-iconColor: #6b7280;
  /* Icon size */
  --components-searchInput-iconSize: 16px;
  /* Focus border color */
  --components-searchInput-focusBorderColor: #a78bfa;
  /* Focus ring */
  --components-searchInput-focusRing: 0 0 0 2px rgba(167,139,250,0.3);
  /* Clear button color */
  --components-searchInput-clearColor: #6b7280;
  /* Clear button hover color */
  --components-searchInput-clearHoverColor: #e2e8f0;
  /* Track height */
  --components-slider-trackHeight: 6px;
  /* Track background */
  --components-slider-trackBackground: rgba(255,255,255,0.08);
  /* Track border radius */
  --components-slider-trackBorderRadius: 3px;
  /* Fill/progress color */
  --components-slider-fillColor: #a78bfa;
  /* Thumb diameter */
  --components-slider-thumbSize: 18px;
  /* Thumb color */
  --components-slider-thumbColor: #ffffff;
  /* Thumb border */
  --components-slider-thumbBorder: 2px solid #a78bfa;
  /* Thumb shadow */
  --components-slider-thumbShadow: 0 1px 4px rgba(0,0,0,0.3);
  /* Label color */
  --components-slider-labelColor: #e2e8f0;
  /* Label font size */
  --components-slider-labelFontSize: 0.875rem;
  /* Value display color */
  --components-slider-valueColor: #a78bfa;
  /* Value font size */
  --components-slider-valueFontSize: 0.875rem;
  /* Focus ring */
  --components-slider-focusRing: 0 0 0 3px rgba(167,139,250,0.4);
  /* Disabled opacity */
  --components-slider-disabledOpacity: 0.5;
  /* Input background */
  --components-numberInput-background: #0f0f1a;
  /* Border color */
  --components-numberInput-borderColor: rgba(255,255,255,0.1);
  /* Border radius */
  --components-numberInput-borderRadius: 8px;
  /* Input padding */
  --components-numberInput-padding: 8px 12px;
  /* Font size */
  --components-numberInput-fontSize: 0.875rem;
  /* Text color */
  --components-numberInput-textColor: #e2e8f0;
  /* Label color */
  --components-numberInput-labelColor: #e2e8f0;
  /* Label font size */
  --components-numberInput-labelFontSize: 0.875rem;
  /* Step button color */
  --components-numberInput-buttonColor: #a1a1aa;
  /* Step button hover color */
  --components-numberInput-buttonHoverColor: #e2e8f0;
  /* Step button hover background */
  --components-numberInput-buttonHoverBackground: rgba(167,139,250,0.1);
  /* Focus border color */
  --components-numberInput-focusBorderColor: #a78bfa;
  /* Focus ring */
  --components-numberInput-focusRing: 0 0 0 2px rgba(167,139,250,0.3);
  /* Disabled opacity */
  --components-numberInput-disabledOpacity: 0.5;
  /* Panel background */
  --components-popover-background: #1e1e2e;
  /* Panel border */
  --components-popover-borderColor: rgba(255,255,255,0.1);
  /* Panel border radius */
  --components-popover-borderRadius: 10px;
  /* Panel padding */
  --components-popover-padding: 16px;
  /* Panel shadow */
  --components-popover-shadow: 0 8px 24px rgba(0,0,0,0.4);
  /* Max width */
  --components-popover-maxWidth: 320px;
  /* Stack level */
  --components-popover-zIndex: 1000;
  /* Title color */
  --components-popover-titleColor: #e2e8f0;
  /* Title font size */
  --components-popover-titleFontSize: 0.9375rem;
  /* Body text color */
  --components-popover-bodyColor: #a1a1aa;
  /* Body font size */
  --components-popover-bodyFontSize: 0.8125rem;
  /* Close button color */
  --components-popover-closeColor: #6b7280;
  /* Close button hover */
  --components-popover-closeHoverColor: #e2e8f0;
  /* Drop zone background */
  --components-fileUpload-background: #0f0f1a;
  /* Border color */
  --components-fileUpload-borderColor: rgba(255,255,255,0.12);
  /* Border color when dragging */
  --components-fileUpload-borderColorActive: #a78bfa;
  /* Zone border radius */
  --components-fileUpload-borderRadius: 12px;
  /* Border style */
  --components-fileUpload-borderStyle: dashed;
  /* Zone padding */
  --components-fileUpload-padding: 32px;
  /* Upload icon color */
  --components-fileUpload-iconColor: #6b7280;
  /* Upload icon size */
  --components-fileUpload-iconSize: 48px;
  /* Help text color */
  --components-fileUpload-textColor: #a1a1aa;
  /* Help text font size */
  --components-fileUpload-textFontSize: 0.875rem;
  /* Browse link color */
  --components-fileUpload-linkColor: #a78bfa;
  /* Browse link hover */
  --components-fileUpload-linkHoverColor: #8b5cf6;
  /* File name color */
  --components-fileUpload-fileNameColor: #e2e8f0;
  /* File size color */
  --components-fileUpload-fileSizeColor: #6b7280;
  /* Progress track */
  --components-fileUpload-progressBackground: rgba(255,255,255,0.08);
  /* Progress fill */
  --components-fileUpload-progressFill: #a78bfa;
  /* Progress bar height */
  --components-fileUpload-progressHeight: 4px;
  /* Calendar background */
  --components-datePicker-background: #1e1e2e;
  /* Calendar border */
  --components-datePicker-borderColor: rgba(255,255,255,0.1);
  /* Calendar border radius */
  --components-datePicker-borderRadius: 12px;
  /* Calendar padding */
  --components-datePicker-padding: 16px;
  /* Calendar shadow */
  --components-datePicker-shadow: 0 8px 24px rgba(0,0,0,0.4);
  /* Month/year header color */
  --components-datePicker-headerColor: #e2e8f0;
  /* Header font size */
  --components-datePicker-headerFontSize: 0.9375rem;
  /* Day number color */
  --components-datePicker-dayColor: #a1a1aa;
  /* Day hover background */
  --components-datePicker-dayHoverBackground: rgba(167,139,250,0.15);
  /* Selected day background */
  --components-datePicker-daySelectedBackground: #a78bfa;
  /* Selected day text */
  --components-datePicker-daySelectedColor: #0a0a14;
  /* Today indicator */
  --components-datePicker-dayTodayBorder: 1px solid #a78bfa;
  /* Day cell size */
  --components-datePicker-daySize: 36px;
  /* Day font size */
  --components-datePicker-dayFontSize: 0.8125rem;
  /* Weekday label color */
  --components-datePicker-weekdayColor: #6b7280;
  /* Nav arrow color */
  --components-datePicker-navColor: #6b7280;
  /* Nav arrow hover */
  --components-datePicker-navHoverColor: #e2e8f0;
  /* Swatch size */
  --components-colorSwatch-size: 48px;
  /* Swatch border radius */
  --components-colorSwatch-borderRadius: 10px;
  /* Swatch border */
  --components-colorSwatch-border: 1px solid rgba(255,255,255,0.1);
  /* Selected ring */
  --components-colorSwatch-selectedRing: 0 0 0 3px #a78bfa;
  /* Color label */
  --components-colorSwatch-labelColor: #e2e8f0;
  /* Label font size */
  --components-colorSwatch-labelFontSize: 0.75rem;
  /* Hex value color */
  --components-colorSwatch-hexColor: #6b7280;
  /* Hex font size */
  --components-colorSwatch-hexFontSize: 0.6875rem;
  /* Gap between swatches */
  --components-colorSwatch-gap: 12px;
  /* Tooltip background */
  --components-colorSwatch-tooltipBackground: #1e1e2e;
  /* Tooltip text color */
  --components-colorSwatch-tooltipColor: #e2e8f0;
  /* Tooltip font size */
  --components-colorSwatch-tooltipFontSize: 0.75rem;
  /* Checker pattern for alpha */
  --components-colorSwatch-checkerBackground: rgba(255,255,255,0.04);
  /* Drawer background */
  --components-drawer-background: #13131f;
  /* Backdrop overlay */
  --components-drawer-overlayColor: rgba(0,0,0,0.6);
  /* Drawer width */
  --components-drawer-width: 380px;
  /* Content padding */
  --components-drawer-padding: 24px;
  /* Header title color */
  --components-drawer-headerColor: #e2e8f0;
  /* Header font size */
  --components-drawer-headerFontSize: 1.125rem;
  /* Header border */
  --components-drawer-borderColor: rgba(255,255,255,0.08);
  /* Close button color */
  --components-drawer-closeColor: #6b7280;
  /* Close hover */
  --components-drawer-closeHoverColor: #e2e8f0;
  /* Stack level */
  --components-drawer-zIndex: 1100;
  /* Drawer shadow */
  --components-drawer-shadow: -8px 0 24px rgba(0,0,0,0.4);
  /* Slide duration */
  --components-drawer-transitionDuration: 250ms;
  /* Step circle size */
  --components-stepIndicator-circleSize: 32px;
  /* Default circle border */
  --components-stepIndicator-circleBorder: 2px solid rgba(255,255,255,0.15);
  /* Default circle background */
  --components-stepIndicator-circleBackground: transparent;
  /* Default step number color */
  --components-stepIndicator-circleColor: #6b7280;
  /* Active step background */
  --components-stepIndicator-activeBackground: #a78bfa;
  /* Active circle border */
  --components-stepIndicator-activeBorder: 2px solid #a78bfa;
  /* Active step number color */
  --components-stepIndicator-activeColor: #0a0a14;
  /* Completed background */
  --components-stepIndicator-completedBackground: #10b981;
  /* Completed border */
  --components-stepIndicator-completedBorder: 2px solid #10b981;
  /* Completed check color */
  --components-stepIndicator-completedColor: #ffffff;
  /* Connector line */
  --components-stepIndicator-lineColor: rgba(255,255,255,0.1);
  /* Completed line */
  --components-stepIndicator-lineActiveColor: #10b981;
  /* Connector height */
  --components-stepIndicator-lineHeight: 2px;
  /* Step label color */
  --components-stepIndicator-labelColor: #a1a1aa;
  /* Active label */
  --components-stepIndicator-labelActiveColor: #e2e8f0;
  /* Label font size */
  --components-stepIndicator-labelFontSize: 0.75rem;
  /* Step number font size */
  --components-stepIndicator-fontSize: 0.8125rem;
  /* Indent per depth level */
  --components-treeView-indentSize: 20px;
  /* Item padding */
  --components-treeView-itemPadding: 6px 8px;
  /* Item border radius */
  --components-treeView-itemBorderRadius: 6px;
  /* Hover background */
  --components-treeView-itemHoverBackground: rgba(167,139,250,0.08);
  /* Selected background */
  --components-treeView-itemSelectedBackground: rgba(167,139,250,0.15);
  /* Item label color */
  --components-treeView-labelColor: #e2e8f0;
  /* Label font size */
  --components-treeView-labelFontSize: 0.875rem;
  /* Expand icon color */
  --components-treeView-iconColor: #6b7280;
  /* Expand icon size */
  --components-treeView-iconSize: 16px;
  /* Branch connector line */
  --components-treeView-branchLineColor: rgba(255,255,255,0.06);
  /* Gap between items */
  --components-treeView-gap: 2px;
  /* Column background */
  --components-kanbanBoard-columnBackground: #0f0f1a;
  /* Column radius */
  --components-kanbanBoard-columnBorderRadius: 12px;
  /* Column padding */
  --components-kanbanBoard-columnPadding: 16px;
  /* Gap between columns */
  --components-kanbanBoard-columnGap: 16px;
  /* Minimum column width */
  --components-kanbanBoard-columnMinWidth: 280px;
  /* Column header color */
  --components-kanbanBoard-headerColor: #e2e8f0;
  /* Header font size */
  --components-kanbanBoard-headerFontSize: 0.875rem;
  /* Count badge bg */
  --components-kanbanBoard-countBackground: rgba(167,139,250,0.15);
  /* Count badge text */
  --components-kanbanBoard-countColor: #a78bfa;
  /* Card background */
  --components-kanbanBoard-cardBackground: #1e1e2e;
  /* Card radius */
  --components-kanbanBoard-cardBorderRadius: 8px;
  /* Card padding */
  --components-kanbanBoard-cardPadding: 12px;
  /* Card border */
  --components-kanbanBoard-cardBorder: 1px solid rgba(255,255,255,0.06);
  /* Gap between cards */
  --components-kanbanBoard-cardGap: 8px;
  /* Card title color */
  --components-kanbanBoard-titleColor: #e2e8f0;
  /* Card title size */
  --components-kanbanBoard-titleFontSize: 0.8125rem;
  /* Card description color */
  --components-kanbanBoard-descColor: #6b7280;
  /* Card desc size */
  --components-kanbanBoard-descFontSize: 0.75rem;
  /* Code background */
  --components-codeBlock-background: #0a0a14;
  /* Border color */
  --components-codeBlock-borderColor: rgba(255,255,255,0.08);
  /* Block radius */
  --components-codeBlock-borderRadius: 10px;
  /* Code padding */
  --components-codeBlock-padding: 16px;
  /* Code font family */
  --components-codeBlock-fontFamily: 'Fira Code', 'Cascadia Code', 'JetBrains Mono', monospace;
  /* Code font size */
  --components-codeBlock-fontSize: 0.8125rem;
  /* Code line height */
  --components-codeBlock-lineHeight: 1.7;
  /* Default text color */
  --components-codeBlock-textColor: #e2e8f0;
  /* Line number color */
  --components-codeBlock-lineNumberColor: #3f3f5a;
  /* Line number column width */
  --components-codeBlock-lineNumberWidth: 40px;
  /* Header background */
  --components-codeBlock-headerBackground: #13131f;
  /* Header text color */
  --components-codeBlock-headerColor: #a1a1aa;
  /* Header font size */
  --components-codeBlock-headerFontSize: 0.75rem;
  /* Copy button color */
  --components-codeBlock-copyColor: #6b7280;
  /* Copy hover */
  --components-codeBlock-copyHoverColor: #a78bfa;
  /* Dot diameter */
  --components-statusDot-dotSize: 8px;
  /* Gap between dot and label */
  --components-statusDot-gap: 8px;
  /* Label color */
  --components-statusDot-labelColor: #e2e8f0;
  /* Label font size */
  --components-statusDot-labelFontSize: 0.8125rem;
  /* Success dot */
  --components-statusDot-successColor: #10b981;
  /* Warning dot */
  --components-statusDot-warningColor: #f59e0b;
  /* Error dot */
  --components-statusDot-errorColor: #ef4444;
  /* Info dot */
  --components-statusDot-infoColor: #3b82f6;
  /* Neutral dot */
  --components-statusDot-neutralColor: #6b7280;
  /* Pulse animation scale */
  --components-statusDot-pulseScale: 2.5;
  /* Star icon size */
  --components-rating-starSize: 24px;
  /* Gap between stars */
  --components-rating-gap: 4px;
  /* Filled star color */
  --components-rating-filledColor: #f59e0b;
  /* Empty star color */
  --components-rating-emptyColor: #3f3f50;
  /* Hovered star color */
  --components-rating-hoverColor: #fbbf24;
  /* Label text color */
  --components-rating-labelColor: #e2e8f0;
  /* Label font size */
  --components-rating-labelFontSize: 0.875rem;
  /* Numeric value color */
  --components-rating-valueColor: #a1a1aa;
  /* Value font size */
  --components-rating-valueFontSize: 0.875rem;
  /* Disabled state opacity */
  --components-rating-disabledOpacity: 0.5;
  /* Gap between slides */
  --components-carousel-gap: 16px;
  /* Navigation arrow button size */
  --components-carousel-arrowSize: 40px;
  /* Arrow button background */
  --components-carousel-arrowBg: rgba(30,30,46,0.85);
  /* Arrow hover background */
  --components-carousel-arrowBgHover: rgba(30,30,46,1);
  /* Arrow icon color */
  --components-carousel-arrowColor: #e2e8f0;
  /* Arrow border radius */
  --components-carousel-arrowRadius: 50%;
  /* Indicator dot size */
  --components-carousel-dotSize: 10px;
  /* Inactive dot color */
  --components-carousel-dotColor: #3f3f50;
  /* Active dot color */
  --components-carousel-dotActiveColor: #a78bfa;
  /* Gap between dots */
  --components-carousel-dotGap: 8px;
  /* Slide transition duration */
  --components-carousel-transitionDuration: 0.3s;
  /* Slide border radius */
  --components-carousel-borderRadius: 12px;
  /* Group background */
  --components-toggleGroup-bg: #1e1e2e;
  /* Group border radius */
  --components-toggleGroup-borderRadius: 8px;
  /* Gap between buttons */
  --components-toggleGroup-gap: 2px;
  /* Group inner padding */
  --components-toggleGroup-padding: 4px;
  /* Button default background */
  --components-toggleGroup-buttonBg: transparent;
  /* Active button background */
  --components-toggleGroup-buttonBgActive: #a78bfa;
  /* Button default text color */
  --components-toggleGroup-buttonColor: #a1a1aa;
  /* Active button text color */
  --components-toggleGroup-buttonColorActive: #ffffff;
  /* Button border radius */
  --components-toggleGroup-buttonRadius: 6px;
  /* Button horizontal padding */
  --components-toggleGroup-buttonPaddingX: 12px;
  /* Button vertical padding */
  --components-toggleGroup-buttonPaddingY: 6px;
  /* Button font size */
  --components-toggleGroup-fontSize: 0.8125rem;
  /* Banner background */
  --components-banner-bg: #1e1e2e;
  /* Banner border color */
  --components-banner-borderColor: #2a2a3e;
  /* Banner border radius */
  --components-banner-borderRadius: 8px;
  /* Banner padding */
  --components-banner-padding: 12px 16px;
  /* Banner text color */
  --components-banner-textColor: #e2e8f0;
  /* Banner font size */
  --components-banner-fontSize: 0.875rem;
  /* Icon size */
  --components-banner-iconSize: 20px;
  /* Gap between elements */
  --components-banner-gap: 12px;
  /* Info variant background */
  --components-banner-infoBg: rgba(59,130,246,0.1);
  /* Info variant border */
  --components-banner-infoBorder: #3b82f6;
  /* Success variant background */
  --components-banner-successBg: rgba(16,185,129,0.1);
  /* Success variant border */
  --components-banner-successBorder: #10b981;
  /* Warning variant background */
  --components-banner-warningBg: rgba(245,158,11,0.1);
  /* Warning variant border */
  --components-banner-warningBorder: #f59e0b;
  /* Error variant background */
  --components-banner-errorBg: rgba(239,68,68,0.1);
  /* Error variant border */
  --components-banner-errorBorder: #ef4444;
  /* Close button color */
  --components-banner-closeColor: #a1a1aa;
  /* Close button icon size */
  --components-banner-closeSize: 16px;
  /* Card background */
  --components-stat-bg: #13131f;
  /* Card border */
  --components-stat-borderColor: #2a2a3e;
  /* Card border radius */
  --components-stat-borderRadius: 12px;
  /* Card padding */
  --components-stat-padding: 20px;
  /* Label text color */
  --components-stat-labelColor: #a1a1aa;
  /* Label font size */
  --components-stat-labelFontSize: 0.8125rem;
  /* Value text color */
  --components-stat-valueColor: #e2e8f0;
  /* Value font size */
  --components-stat-valueFontSize: 2rem;
  /* Positive trend color */
  --components-stat-trendUpColor: #10b981;
  /* Negative trend color */
  --components-stat-trendDownColor: #ef4444;
  /* Trend text font size */
  --components-stat-trendFontSize: 0.8125rem;
  /* Trend arrow icon size */
  --components-stat-trendIconSize: 14px;
  /* Backdrop overlay */
  --components-commandPalette-overlayBg: rgba(0,0,0,0.6);
  /* Palette background */
  --components-commandPalette-bg: #1e1e2e;
  /* Palette border */
  --components-commandPalette-borderColor: #2a2a3e;
  /* Palette border radius */
  --components-commandPalette-borderRadius: 12px;
  /* Maximum width */
  --components-commandPalette-maxWidth: 560px;
  /* Search input background */
  --components-commandPalette-inputBg: #0f0f1a;
  /* Search input text color */
  --components-commandPalette-inputColor: #e2e8f0;
  /* Search input font size */
  --components-commandPalette-inputFontSize: 1rem;
  /* Search input padding */
  --components-commandPalette-inputPadding: 12px 16px;
  /* Item default background */
  --components-commandPalette-itemBg: transparent;
  /* Item hover background */
  --components-commandPalette-itemBgHover: rgba(167,139,250,0.1);
  /* Item text color */
  --components-commandPalette-itemColor: #e2e8f0;
  /* Item padding */
  --components-commandPalette-itemPadding: 8px 16px;
  /* Item font size */
  --components-commandPalette-itemFontSize: 0.875rem;
  /* Shortcut key color */
  --components-commandPalette-shortcutColor: #a1a1aa;
  /* Shortcut key background */
  --components-commandPalette-shortcutBg: #2a2a3e;
  /* Empty state text color */
  --components-commandPalette-emptyColor: #6b7280;
  /* Bar height */
  --components-meter-height: 8px;
  /* Bar border radius */
  --components-meter-borderRadius: 4px;
  /* Track background */
  --components-meter-trackBg: #2a2a3e;
  /* Low range fill color */
  --components-meter-fillLow: #ef4444;
  /* Medium range fill color */
  --components-meter-fillMedium: #f59e0b;
  /* High/optimal fill color */
  --components-meter-fillHigh: #10b981;
  /* Overflow fill color */
  --components-meter-fillOverflow: #a78bfa;
  /* Label text color */
  --components-meter-labelColor: #e2e8f0;
  /* Label font size */
  --components-meter-labelFontSize: 0.8125rem;
  /* Value text color */
  --components-meter-valueColor: #a1a1aa;
  /* Value font size */
  --components-meter-valueFontSize: 0.8125rem;
  /* Gap between label and bar */
  --components-meter-gap: 6px;
  /* Segment background */
  --components-countdown-bg: #13131f;
  /* Segment border */
  --components-countdown-borderColor: #2a2a3e;
  /* Segment border radius */
  --components-countdown-borderRadius: 8px;
  /* Segment padding */
  --components-countdown-padding: 12px 16px;
  /* Gap between segments */
  --components-countdown-gap: 12px;
  /* Digit text color */
  --components-countdown-digitColor: #e2e8f0;
  /* Digit font size */
  --components-countdown-digitFontSize: 2rem;
  /* Label text color */
  --components-countdown-labelColor: #a1a1aa;
  /* Label font size */
  --components-countdown-labelFontSize: 0.6875rem;
  /* Colon separator color */
  --components-countdown-separatorColor: #6b7280;
  /* Separator font size */
  --components-countdown-separatorFontSize: 1.5rem;
  /* Button background */
  --components-copyButton-bg: #1e1e2e;
  /* Button hover background */
  --components-copyButton-bgHover: #2a2a3e;
  /* Success feedback background */
  --components-copyButton-bgSuccess: rgba(16,185,129,0.15);
  /* Icon color */
  --components-copyButton-color: #a1a1aa;
  /* Success icon color */
  --components-copyButton-colorSuccess: #10b981;
  /* Border color */
  --components-copyButton-borderColor: #2a2a3e;
  /* Border radius */
  --components-copyButton-borderRadius: 6px;
  /* Button padding */
  --components-copyButton-padding: 6px 10px;
  /* Icon size */
  --components-copyButton-iconSize: 16px;
  /* Label font size */
  --components-copyButton-fontSize: 0.75rem;
  /* Gap between icon and label */
  --components-copyButton-gap: 4px;
  /* Background in view mode */
  --components-inlineEdit-bg: transparent;
  /* Background in edit mode */
  --components-inlineEdit-bgEditing: #0f0f1a;
  /* Text color */
  --components-inlineEdit-color: #ffffff;
  /* Placeholder text color */
  --components-inlineEdit-colorPlaceholder: #6b7280;
  /* Border color in edit mode */
  --components-inlineEdit-borderColor: #2a2a3e;
  /* Border color on focus */
  --components-inlineEdit-borderColorFocus: #a78bfa;
  /* Border radius */
  --components-inlineEdit-borderRadius: 6px;
  /* Inner padding */
  --components-inlineEdit-padding: 4px 8px;
  /* Font size */
  --components-inlineEdit-fontSize: 0.875rem;
  /* Edit icon size */
  --components-inlineEdit-iconSize: 14px;
  /* Edit icon color */
  --components-inlineEdit-iconColor: #6b7280;
  /* Hover background in view mode */
  --components-inlineEdit-hoverBg: rgba(167,139,250,0.06);
  /* Gap between rows */
  --components-dataList-gap: 12px;
  /* Label text color */
  --components-dataList-labelColor: #a1a1aa;
  /* Label font size */
  --components-dataList-labelFontSize: 0.8125rem;
  /* Label column width */
  --components-dataList-labelWidth: 140px;
  /* Value text color */
  --components-dataList-valueColor: #e2e8f0;
  /* Value font size */
  --components-dataList-valueFontSize: 0.875rem;
  /* Row divider color */
  --components-dataList-dividerColor: rgba(255,255,255,0.06);
  /* Striped row background */
  --components-dataList-stripedBg: rgba(255,255,255,0.02);
  /* Row padding */
  --components-dataList-padding: 8px 0;
}