/**
 * Storm Design Tokens — CSS Custom Properties
 * Auto-generated, do not edit.
 */

:root {
  /* === Primitive Colors === */
  --storm-brand-deep-space-blue: #0a111d;
  --storm-brand-cosmic-green-5: #14B8810d;
  --storm-brand-cosmic-green-10: #14B8811a;
  --storm-brand-cosmic-green-20: #14B88133;
  --storm-brand-cosmic-green-50: #14B88180;
  --storm-brand-cosmic-green-70: #14B881b3;
  --storm-brand-cosmic-green-default: #14B881;
  --storm-brand-cosmic-green-light: #5ACDA7;
  --storm-brand-cosmic-green-dark: #0E815A;
  --storm-brand-cosmic-green-light-20: #5ACDA733;
  --storm-brand-nebula-blue-5: #2D73DB0d;
  --storm-brand-nebula-blue-10: #2D73DB1a;
  --storm-brand-nebula-blue-20: #2D73DB33;
  --storm-brand-nebula-blue-30: #2D73DB4d;
  --storm-brand-nebula-blue-60: #2D73DB99;
  --storm-brand-nebula-blue-default: #2D73DB;
  --storm-brand-nebula-blue-light: #7cc1e9;
  --storm-brand-nebula-blue-dark: #1a6b98;
  --storm-neutral-lunar-silver-30: #e6e9f04d;
  --storm-neutral-lunar-silver-60: #e6e9f099;
  --storm-neutral-lunar-silver-85: #e6e9f0d9;
  --storm-neutral-lunar-silver-default: #e6e9f0;
  --storm-neutral-asteroid-gray-10: #8282821a;
  --storm-neutral-asteroid-gray-50: #82828280;
  --storm-neutral-asteroid-gray-default: #828282;
  --storm-neutral-meteor-gray-10: #3333331a;
  --storm-neutral-meteor-gray-30: #3333334d;
  --storm-neutral-meteor-gray-50: #33333380;
  --storm-neutral-meteor-gray-default: #333333;
  --storm-neutral-galaxy-gray: #4f4f4f;
  --storm-neutral-comet-white: #ffffff;
  --storm-neutral-dark-matter: #050a14;
  --storm-surface-midnight-ledger: #0b121e;
  --storm-surface-deep-tide: #0e1725;
  --storm-surface-border-default: #101c2d;
  --storm-surface-cosmic-green-variant: #191f41;
  --storm-feedback-stellar-green-10: #27ae601a;
  --storm-feedback-stellar-green-default: #27ae60;
  --storm-feedback-solar-red-10: #eb57571a;
  --storm-feedback-solar-red-default: #eb5757;
  --storm-feedback-orbit-orange-10: #f2994a1a;
  --storm-feedback-orbit-orange-default: #f2994a;
  --storm-metrics-galaxy-score: #ff6b6b;
  --storm-metrics-alt-rank: #fdb827;
  --storm-metrics-topic-rank: #8d6e63;
  --storm-metrics-creators: #6d98f2;
  --storm-metrics-engagements: #ffa07a;
  --storm-metrics-category-rank: #8d6e63;
  --storm-metrics-sentiment: #ffd54f;
  --storm-metrics-social-dominance: #ff8a65;
  --storm-metrics-market-cap: #81c784;
  --storm-metrics-mc-fdv: #4bfefe;
  --storm-metrics-market-dominance: #4e8098;
  --storm-metrics-volume-24h: #d97cf0;
  --storm-metrics-volatility: #a1887f;
  --storm-metrics-circulating-supply: #9575cd;
  --storm-metrics-mentions: #68bac8;
  --storm-metrics-price-up: #00b892;
  --storm-metrics-price-down: #f6506c;
  --storm-metrics-followers: #ba68c8;
  --storm-metrics-correlation: #7C5CFF;
  --storm-chart-1: #ff6b6b;
  --storm-chart-2: #ffe66d;
  --storm-chart-3: #a8e6cf;
  --storm-chart-4: #ff8b94;
  --storm-chart-5: #95e1d3;
  --storm-chart-6: #ffa07a;
  --storm-chart-7: #87ceeb;
  --storm-chart-8: #dda0dd;
  --storm-chart-9: #98d8c8;
  --storm-chart-10: #ff69b4;
  --storm-chart-11: #7fffd4;
  --storm-chart-12: #ffd700;
  --storm-chart-13: #ff4500;
  --storm-chart-14: #9370db;
  --storm-chart-15: #00fa9a;
  --storm-chart-16: #ff1493;
  --storm-chart-17: #40e0d0;
  --storm-chart-18: #4ecdc4;
  --storm-chart-19: #ffaf00;
  --storm-chart-20: #00ced1;
  --storm-gradient-cosmic: linear-gradient(225deg, #14B881 0%, #2D73DB 100%);
  --storm-gradient-nebula: linear-gradient(0deg, #0a111d 0%, #1f2a3a 100%);

  /* === Sizes === */
  --storm-size-2: 2px;
  --storm-size-4: 4px;
  --storm-size-6: 6px;
  --storm-size-8: 8px;
  --storm-size-10: 10px;
  --storm-size-12: 12px;
  --storm-size-14: 14px;
  --storm-size-16: 16px;
  --storm-size-18: 18px;
  --storm-size-20: 20px;
  --storm-size-24: 24px;
  --storm-size-28: 28px;
  --storm-size-32: 32px;
  --storm-size-40: 40px;
  --storm-size-48: 48px;
  --storm-size-56: 56px;
  --storm-size-64: 64px;
  --storm-size-80: 80px;
  --storm-size-96: 96px;

  /* === Spacing === */
  --storm-spacing-product-4: 4px;
  --storm-spacing-product-8: 8px;
  --storm-spacing-product-12: 12px;
  --storm-spacing-product-16: 16px;
  --storm-spacing-product-24: 24px;
  --storm-spacing-product-32: 32px;
  --storm-spacing-product-48: 48px;
  --storm-spacing-product-64: 64px;
  --storm-spacing-product-80: 80px;
  --storm-spacing-product-96: 96px;
  --storm-spacing-product-none: 0px;
  --storm-spacing-marketing-xs: 10px;
  --storm-spacing-marketing-sm: 14px;
  --storm-spacing-marketing-md: 20px;
  --storm-spacing-marketing-lg: 24px;
  --storm-spacing-marketing-xl: 40px;
  --storm-spacing-marketing-2xl: 60px;
  --storm-spacing-marketing-3xl: 80px;
  --storm-spacing-marketing-4xl: 120px;

  /* === Radius === */
  --storm-radius-none: 0px;
  --storm-radius-sm: 4px;
  --storm-radius-md: 8px;
  --storm-radius-lg: 12px;
  --storm-radius-xl: 16px;
  --storm-radius-2xl: 24px;
  --storm-radius-full: 9999px;

  /* === Shadows === */
  --storm-shadow-none: 0px 0px 0px 0px #00000000;
  --storm-shadow-sm: 0px 1px 2px 0px #0000001a;
  --storm-shadow-md: 0px 4px 8px -2px #00000026;
  --storm-shadow-lg: 0px 8px 16px -4px #00000033;
  --storm-shadow-xl: 0px 16px 32px -8px #00000040;
  --storm-shadow-glow-purple: 0px 0px 24px 0px #14B88140;
  --storm-shadow-glow-blue: 0px 0px 24px 0px #2D73DB40;

  /* === Typography === */
  --storm-type-font-family-display: Butler;
  --storm-type-font-family-body: Plus Jakarta Sans;
  --storm-type-font-family-mono: Roboto Mono;
  --storm-type-font-weight-light: 300;
  --storm-type-font-weight-regular: 400;
  --storm-type-font-weight-medium: 500;
  --storm-type-font-weight-semibold: 600;
  --storm-type-font-weight-bold: 700;
  --storm-type-font-size-xs: 10px;
  --storm-type-font-size-sm: 12px;
  --storm-type-font-size-md: 14px;
  --storm-type-font-size-lg: 16px;
  --storm-type-font-size-xl: 18px;
  --storm-type-font-size-2xl: 20px;
  --storm-type-font-size-3xl: 24px;
  --storm-type-font-size-4xl: 32px;
  --storm-type-font-size-5xl: 36px;
  --storm-type-font-size-display: 48px;
  --storm-type-font-size-display-xl: 96px;
  --storm-type-font-size-display-2xl: 150px;
  --storm-type-line-height-xs: 12;
  --storm-type-line-height-sm: 16;
  --storm-type-line-height-md: 20;
  --storm-type-line-height-lg: 24;
  --storm-type-line-height-xl: 28;
  --storm-type-line-height-2xl: 32;
  --storm-type-line-height-3xl: 40;
  --storm-type-line-height-4xl: 48;
  --storm-type-line-height-display: 56;
  --storm-type-letter-spacing-tighter: -4px;
  --storm-type-letter-spacing-tight: -1px;
  --storm-type-letter-spacing-normal: 0px;
  --storm-type-letter-spacing-wide: 1px;

  /* === Breakpoints === */
  --storm-breakpoint-product-sm: 640px;
  --storm-breakpoint-product-md: 768px;
  --storm-breakpoint-product-lg: 1024px;
  --storm-breakpoint-product-xl: 1280px;
  --storm-breakpoint-product-2xl: 1536px;
  --storm-breakpoint-marketing-sm: 810px;
  --storm-breakpoint-marketing-md: 1200px;
  --storm-breakpoint-marketing-lg: 1680px;

  /* === Z-Index === */
  --storm-z-hide: -1;
  --storm-z-base: 0;
  --storm-z-dropdown: 10;
  --storm-z-sticky: 20;
  --storm-z-overlay: 30;
  --storm-z-modal: 40;
  --storm-z-popover: 50;
  --storm-z-toast: 60;
  --storm-z-tooltip: 70;

  /* === Motion — Durations === */
  --storm-motion-duration-instant: 0ms;
  --storm-motion-duration-fast: 100ms;
  --storm-motion-duration-normal: 200ms;
  --storm-motion-duration-slow: 300ms;
  --storm-motion-duration-slower: 500ms;

  /* === Motion — Easings === */
  --storm-motion-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --storm-motion-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --storm-motion-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --storm-motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --storm-motion-easing-linear: linear;

  /* === Border Width === */
  --storm-border-width-none: 0px;
  --storm-border-width-thin: 1px;
  --storm-border-width-medium: 2px;
  --storm-border-width-thick: 3px;

  /* === Opacity === */
  --storm-opacity-none: 0;
  --storm-opacity-subtle: 0.05;
  --storm-opacity-light: 0.1;
  --storm-opacity-medium: 0.3;
  --storm-opacity-heavy: 0.6;
  --storm-opacity-opaque: 0.8;
  --storm-opacity-full: 1;

  /* === Layout === */
  --storm-layout-product-max-width: 1440px;
  --storm-layout-product-header-height-mobile: 48px;
  --storm-layout-product-header-height-desktop: 72px;
  --storm-layout-product-bottom-menu-height: 60px;
  --storm-layout-product-sidebar-width-collapsed: 64px;
  --storm-layout-product-sidebar-width-expanded: 240px;
  --storm-layout-product-content-padding-mobile: 16px;
  --storm-layout-product-content-padding-tablet: 24px;
  --storm-layout-product-content-padding-desktop: 32px;
  --storm-layout-marketing-max-width: 1280px;
  --storm-layout-marketing-nav-height: 112px;
  --storm-layout-marketing-section-padding: 120px;
  --storm-layout-marketing-section-gap: 56px;
  --storm-layout-marketing-card-gap: 24px;
  --storm-layout-marketing-card-padding: 60px;
  --storm-layout-marketing-content-padding-mobile: 20px;
  --storm-layout-marketing-content-padding-tablet: 40px;
  --storm-layout-marketing-content-padding-desktop: 112px;

  /* === Focus === */
  --storm-focus-ring-width: 2px;
  --storm-focus-ring-offset: 2px;
  --storm-focus-ring-color: #14B881;
  --storm-focus-ring-color-error: #eb5757;
  --storm-focus-ring-style: solid;
}

/* === Dark Theme (default) === */
:root,
[data-theme="dark"] {
  --storm-text-primary: #e6e9f0;
  --storm-text-primary-alt: #e6e9f0d9;
  --storm-text-secondary: #828282;
  --storm-text-tertiary: #333333;
  --storm-text-disabled: #333333;
  --storm-text-inverse: #0a111d;
  --storm-text-link: #2D73DB;
  --storm-text-success: #27ae60;
  --storm-text-error: #eb5757;
  --storm-text-warning: #f2994a;
  --storm-background-primary: #0a111d;
  --storm-background-secondary: #050a14;
  --storm-background-tertiary: #0b121e;
  --storm-background-inverse: #ffffff;
  --storm-background-brand: #14B88133;
  --storm-background-accent: #2D73DB4d;
  --storm-background-success: #27ae601a;
  --storm-background-error: #eb57571a;
  --storm-background-warning: #f2994a1a;
  --storm-background-disabled: #3333331a;
  --storm-background-hover: #191f41;
  --storm-background-selected: #14B88133;
  --storm-background-input: #050a14;
  --storm-background-card: #0e1725;
  --storm-background-panel: #0b121e;
  --storm-background-overlay: #050a14cc;
  --storm-background-button-primary: #14B881;
  --storm-background-button-primary-hover: #5ACDA7;
  --storm-background-button-transparent: #14B88133;
  --storm-background-button-transparent-hover: #5ACDA733;
  --storm-background-button-disabled: #3333331a;
  --storm-border-default: #101c2d;
  --storm-border-strong: #828282;
  --storm-border-brand: #14B881;
  --storm-border-accent: #2D73DB;
  --storm-border-success: #27ae60;
  --storm-border-error: #eb5757;
  --storm-border-warning: #f2994a;
  --storm-border-disabled: #33333380;
  --storm-border-focus: #14B881;
  --storm-border-hover: #14B881b3;
  --storm-action-primary: #14B881;
  --storm-action-primary-hover: #5ACDA7;
  --storm-action-primary-active: #0E815A;
  --storm-action-primary-disabled: #14B88180;
  --storm-action-secondary: #2D73DB;
  --storm-action-secondary-hover: #7cc1e9;
  --storm-action-secondary-active: #1a6b98;
  --storm-action-secondary-disabled: #2D73DB99;
  --storm-action-tertiary: #e6e9f0;
  --storm-action-destructive: #eb5757;
  --storm-state-success: #27ae60;
  --storm-state-error: #eb5757;
  --storm-state-warning: #f2994a;
  --storm-state-info: #2D73DB;
  --storm-state-new: #14B881;
  --storm-state-active: #14B881;
  --storm-state-inactive: #828282;
}

/* === Light Theme === */
[data-theme="light"] {
  --storm-text-primary: #0a111d;
  --storm-text-primary-alt: #0a111d;
  --storm-text-secondary: #4f4f4f;
  --storm-text-tertiary: #828282;
  --storm-text-disabled: #0a111d;
  --storm-text-inverse: #e6e9f0;
  --storm-text-link: #14B881;
  --storm-text-success: #27ae60;
  --storm-text-error: #eb5757;
  --storm-text-warning: #f2994a;
  --storm-background-primary: #ffffff;
  --storm-background-secondary: #e6e9f04d;
  --storm-background-tertiary: #e6e9f099;
  --storm-background-inverse: #0a111d;
  --storm-background-brand: #14B88133;
  --storm-background-accent: #2D73DB4d;
  --storm-background-success: #27ae601a;
  --storm-background-error: #eb57571a;
  --storm-background-warning: #f2994a1a;
  --storm-background-disabled: #8282821a;
  --storm-background-hover: #14B8810d;
  --storm-background-selected: #14B8810d;
  --storm-background-input: #050a14;
  --storm-background-card: #e6e9f099;
  --storm-background-panel: #e6e9f099;
  --storm-background-overlay: #0a111d99;
  --storm-border-default: #e6e9f0;
  --storm-border-strong: #4f4f4f;
  --storm-border-brand: #14B881;
  --storm-border-accent: #2D73DB;
  --storm-border-success: #27ae60;
  --storm-border-error: #eb5757;
  --storm-border-warning: #f2994a;
  --storm-border-disabled: #82828280;
  --storm-border-focus: #14B881;
  --storm-border-hover: #14B88180;
  --storm-background-button-primary: #14B881;
  --storm-background-button-primary-hover: #0E815A;
  --storm-background-button-transparent: #14B8811a;
  --storm-background-button-transparent-hover: #14B88133;
  --storm-background-button-disabled: #8282821a;
  --storm-action-primary: #14B881;
  --storm-action-primary-hover: #0E815A;
  --storm-action-primary-active: #0E815A;
  --storm-action-primary-disabled: #14B88180;
  --storm-action-secondary: #2D73DB;
  --storm-action-secondary-hover: #1a6b98;
  --storm-action-secondary-active: #1a6b98;
  --storm-action-secondary-disabled: #2D73DB99;
  --storm-action-tertiary: #0a111d;
  --storm-action-destructive: #eb5757;
  --storm-state-success: #27ae60;
  --storm-state-error: #eb5757;
  --storm-state-warning: #f2994a;
  --storm-state-info: #2D73DB;
  --storm-state-new: #14B881;
  --storm-state-active: #14B881;
  --storm-state-inactive: #4f4f4f;
}

/* === Marketing Radius === */
:root {
  --mkt-radius-xs: 6px;
  --mkt-radius-sm: 8px;
  --mkt-radius-md: 10px;
  --mkt-radius-lg: 12px;
  --mkt-radius-xl: 16px;
  --mkt-radius-2xl: 20px;
  --mkt-radius-full: 9999px;
}

/* === Marketing Shadows === */
:root {
  --mkt-shadow-purple-glow: 0 0 40px rgba(90, 205, 167,0.27);
  --mkt-shadow-purple-glow-lg: 0 0 48px rgba(90, 205, 167,0.25);
  --mkt-shadow-purple-dot: 0 0 8px rgba(90, 205, 167,0.53);
  --mkt-shadow-card: 0 16px 40px rgba(0,0,0,0.35);
  --mkt-shadow-dropdown: 0 25px 50px rgba(0,0,0,0.5);
  --mkt-shadow-enterprise-card: 0 4px 6px rgba(0,0,0,0.1), 0 10px 30px rgba(0,0,0,0.25), 0 0 60px rgba(20, 184, 129,0.08);
  --mkt-shadow-card-inner: inset 0 1px 0 rgba(255,255,255,0.04);
}

/* === Marketing Colors — Dark (default) === */
:root,
[data-theme="dark"] {
  --mkt-canvas: var(--storm-surface-midnight-ledger);
  --mkt-canvas-rgb: 11, 18, 30;
  --mkt-canvas-deep: #050A14;
  --mkt-card: #0E1120;
  --mkt-card-rgb: 14, 17, 32;
  --mkt-card-highlight: #0e1725;
  --mkt-footer: #060912;
  --mkt-surface: #1A1D2E;
  --mkt-surface-navy: #191F41;
  --mkt-surface-dark: #0b121e;
  --mkt-surface-accent: #182A43;
  --mkt-text-heading: #FFFFFF;
  --mkt-text-body: #A0A5B8;
  --mkt-text-muted: #6B7090;
  --mkt-text-subtle: #4A4E66;
  --mkt-text-dim: #3A3E56;
  --mkt-text-light: #E6E9F0;
  --mkt-text-disabled: #828282;
  --mkt-border: #1A1D2E;
  --mkt-border-subtle: rgba(130,130,130,0.1);
  --mkt-surface-hover: #1A1D2E80;
  --mkt-dot-inactive: #6B709044;
  --mkt-border-faint: #1A1D2E60;
  --mkt-border-fainter: #1A1D2E40;
  --mkt-purple-tint: #14B88112;
  --mkt-cyan-tint: #6EA6F818;
  --mkt-green-tint: #22C55E18;
  --mkt-amber-tint: #F59E0B12;
  --mkt-purple-glow: rgba(90, 205, 167,0.27);
  --mkt-purple-glow-strong: rgba(90, 205, 167,0.53);
  --mkt-gradient-purple-cyan: linear-gradient(90deg, #14B881, #6EA6F8);
  --mkt-hero-radial: radial-gradient(ellipse at center, #0E2A1A 0%, #0D0F1A 50%, #0A111D 100%);
}

/* === Marketing Colors — Light === */
[data-theme="light"] {
  --mkt-canvas: #F6F8FB;
  --mkt-canvas-rgb: 246, 248, 251;
  --mkt-canvas-deep: #EAEEF4;
  --mkt-card: #FFFFFF;
  --mkt-card-rgb: 255, 255, 255;
  --mkt-card-highlight: #EEF2F9;
  --mkt-footer: #EFF2F7;
  --mkt-surface: #FFFFFF;
  --mkt-surface-navy: #ECE9F7;
  --mkt-surface-dark: #F1F4F9;
  --mkt-surface-accent: #E7EEF8;
  --mkt-text-heading: #0B1220;
  --mkt-text-body: #4A5168;
  --mkt-text-muted: #5B6178;
  --mkt-text-subtle: #858BA2;
  --mkt-text-dim: #A6ABC0;
  --mkt-text-light: #1A1F2E;
  --mkt-text-disabled: #9CA0AD;
  --mkt-border: #E1E5EE;
  --mkt-border-subtle: rgba(20, 28, 46, 0.08);
  --mkt-surface-hover: #EEF2F9;
  --mkt-dot-inactive: #5B617844;
  --mkt-border-faint: #D7DCE6;
  --mkt-border-fainter: #E8EBF1;
  --mkt-purple-tint: #14B88114;
  --mkt-cyan-tint: #2C68D420;
  --mkt-green-tint: #18A24820;
  --mkt-amber-tint: #D9870018;
  --mkt-purple-glow: rgba(90, 205, 167, 0.22);
  --mkt-purple-glow-strong: rgba(90, 205, 167, 0.38);
  --mkt-gradient-purple-cyan: linear-gradient(90deg, #14B881, #2C68D4);
  --mkt-hero-radial: radial-gradient(ellipse at center, #E8FBEE 0%, #F2F5FA 50%, #F6F8FB 100%);
}

/* === Marketing Colors — Always-Dark snapshot === */
:root {
  --mkt-dark-canvas: var(--storm-surface-midnight-ledger);
  --mkt-dark-canvas-rgb: 11, 18, 30;
  --mkt-dark-canvas-deep: #050A14;
  --mkt-dark-card: #0E1120;
  --mkt-dark-card-rgb: 14, 17, 32;
  --mkt-dark-card-highlight: #0e1725;
  --mkt-dark-footer: #060912;
  --mkt-dark-surface: #1A1D2E;
  --mkt-dark-surface-navy: #191F41;
  --mkt-dark-surface-dark: #0b121e;
  --mkt-dark-surface-accent: #182A43;
  --mkt-dark-text-heading: #FFFFFF;
  --mkt-dark-text-body: #A0A5B8;
  --mkt-dark-text-muted: #6B7090;
  --mkt-dark-text-subtle: #4A4E66;
  --mkt-dark-text-dim: #3A3E56;
  --mkt-dark-text-light: #E6E9F0;
  --mkt-dark-text-disabled: #828282;
  --mkt-dark-border: #1A1D2E;
  --mkt-dark-border-subtle: rgba(130,130,130,0.1);
  --mkt-dark-surface-hover: #1A1D2E80;
  --mkt-dark-dot-inactive: #6B709044;
  --mkt-dark-border-faint: #1A1D2E60;
  --mkt-dark-border-fainter: #1A1D2E40;
  --mkt-dark-purple-tint: #14B88112;
  --mkt-dark-cyan-tint: #6EA6F818;
  --mkt-dark-green-tint: #22C55E18;
  --mkt-dark-amber-tint: #F59E0B12;
  --mkt-dark-purple-glow: rgba(90, 205, 167,0.27);
  --mkt-dark-purple-glow-strong: rgba(90, 205, 167,0.53);
  --mkt-dark-gradient-purple-cyan: linear-gradient(90deg, #14B881, #6EA6F8);
  --mkt-dark-hero-radial: radial-gradient(ellipse at center, #0E2A1A 0%, #0D0F1A 50%, #0A111D 100%);
}