/* ═══════════════════════════════════════════════════════════════
   Delta Kinetics — Brand CSS Custom Properties
   Version 2.0 | March 2026
   Corrected from pixel-sampled logo source
   ═══════════════════════════════════════════════════════════════ */

:root {

  /* ─── PRIMARY: THE WORDMARK GRADIENT ───────────────────────────
     This gradient IS the brand. It is the default scene-setter
     for headlines, CTAs, hero sections, and brand presence.
     Always render as a gradient — never flatten to a single color.
     Direction: left-to-right (90deg or to right).
     ─────────────────────────────────────────────────────────── */
  --dk-gradient-start:        #92F7FC;   /* Bright Aqua (left of wordmark) */
  --dk-gradient-end:          #B6E2FF;   /* Ice Blue (right of wordmark) */
  --dk-gradient:              linear-gradient(90deg, #92F7FC 0%, #B6E2FF 100%);
  --dk-gradient-135:          linear-gradient(135deg, #92F7FC 0%, #B6E2FF 100%);

  /* For text elements: apply with background-clip: text */
  /* .brand-text {
       background: var(--dk-gradient);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
     }
  */

  /* If you MUST use a single color (favicons, tiny UI),
     use the midpoint — but always prefer the gradient. */
  --dk-gradient-midpoint:     #A4EDFE;

  /* ─── BACKGROUND ─── */
  --dk-dark-navy:             #0A1420;   /* Primary dark background */
  --dk-dark-navy-warm:        #0C1A2A;   /* Slightly warmer variant (atmospheric glow areas) */

  /* ─── TAGLINE COLOR ─── */
  --dk-tagline:               #ADBFC6;   /* Muted steel-cyan for "Real-Time Bar Intelligence" */

  /* ─── ENERGY SWIRL ACCENTS ─── */
  --dk-swirl-blue:            #27D3F7;   /* Bright blue-cyan ribbon */
  --dk-swirl-cyan:            #38ECEB;   /* Electric cyan-teal ribbon */
  --dk-swirl-green:           #48EF93;   /* Neon green ribbon (the pop) */
  --dk-swirl-orange:          #F0A030;   /* Amber-orange ribbon */
  --dk-swirl-orange-vivid:    #FA8B3C;   /* Vivid red-orange variant */

  /* ─── FUNCTIONAL ACCENTS (derived from swirls) ─── */
  --dk-accent-cyan:           #38ECEB;   /* Interactive elements, links */
  --dk-accent-green:          #48EF93;   /* Growth, positive metrics, CTAs */
  --dk-accent-amber:          #F0A030;   /* Insights, warnings, attention */
  --dk-accent-blue:           #27D3F7;   /* Data viz, secondary interactive */
  --dk-accent-violet:         #9463FA;   /* Premium, innovation, tech */

  /* ─── CHART ICON COLORS (from bar chart inside glass) ─── */
  --dk-chart-green:           #48EF93;
  --dk-chart-amber:           #F0A030;
  --dk-chart-coral:           #FA8B3C;

  /* ─── NEUTRALS ─── */
  --dk-charcoal-700:          #1E2D3D;
  --dk-slate-600:             #2A3E52;
  --dk-steel-400:             #5A7A8F;
  --dk-mist-200:              #C0D0DA;
  --dk-ice-white:             #F8FFFE;

  /* ─── UI STATUS ─── */
  --dk-success:               #4ADE80;
  --dk-warning:               #FBBF24;
  --dk-error:                 #EF4444;

  /* ─── TYPOGRAPHY ─── */
  --dk-font-primary:          'Inter', 'Calibri', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --dk-font-data:             'JetBrains Mono', 'Consolas', 'SF Mono', 'Courier New', monospace;

  /* ─── SPACING & RADIUS ─── */
  --dk-radius-card:           8px;
  --dk-radius-button:         6px;
  --dk-radius-input:          4px;

  /* ─── PRODUCT ACCENT OVERRIDES ─── */
  --product-coretap:          #40F0F0;   /* CoreTAP Neon Cyan */
  --product-signaltap:        #27D3F7;   /* SignalTAP Blue-Cyan */
  --product-atlastap:         #48EF93;   /* AtlasTAP Neon Green */
  --product-learntap:         #F0A030;   /* LearnTAP Amber */
  --product-veritas:          #9463FA;   /* Veritas Violet */
  --product-htxtap:           #38ECEB;   /* HTX TAP Cyan-Teal */
}