/* ==========================================================================
   TEEYA UPTIME — TRI-TONE INFRASTRUCTURE & RADAR DESIGN SYSTEM
   Primary:   Signal Emerald (#059669 / #10B981) — Operational Uptime Pulse
   Secondary: Deep Obsidian Navy (#070D17 / #0F172A) & Cool Porcelain (#F4F7FB)
   Tertiary:  Electric Indigo / Violet (#6366F1 / #818CF8) & Cyber Sky (#0EA5E9)
   ========================================================================== */
:root {
  --ink:              #0F172A;
  --ink-900:          #070D17;
  --ink-800:          #0F172A;
  --ink-700:          #1E293B;
  --ink-deep:         #070D17;
  --ink-console:      #0B1322;
  --ink-elev:         #162238;
  --ink-border:       rgba(148, 163, 184, 0.14);
  --ink-border-str:   rgba(148, 163, 184, 0.24);

  /* Primary: Signal Emerald */
  --orange:           #059669;
  --orange-500:       #10B981;
  --orange-600:       #059669;
  --orange-hover:     #10B981;
  --orange-tint:      rgba(16, 185, 129, 0.12);
  --orange-border:    rgba(16, 185, 129, 0.34);
  --ember:            #059669;
  --flare:            #34D399;
  --amber-400:        #38BDF8;

  /* Tertiary: Electric Indigo & Cyber Cyan */
  --tertiary:         #6366F1;
  --tertiary-hover:   #4F46E5;
  --tertiary-light:   #818CF8;
  --tertiary-tint:    rgba(99, 102, 241, 0.12);
  --tertiary-border:  rgba(99, 102, 241, 0.34);
  --violet:           #6366F1;
  --sky:              #0EA5E9;
  --sky-400:          #38BDF8;

  /* Signature Tri-Tone Gradients */
  --ignition:         linear-gradient(135deg, #059669 0%, #0EA5E9 52%, #6366F1 100%);
  --brand-gradient:   linear-gradient(135deg, #10B981 0%, #38BDF8 50%, #818CF8 100%);
  --tertiary-grad:    linear-gradient(135deg, #4F46E5 0%, #6366F1 55%, #0EA5E9 100%);
  --neon-glow:        0 0 28px rgba(16, 185, 129, 0.45), 0 0 64px rgba(99, 102, 241, 0.28);

  /* Surfaces: Crisp Cool Porcelain */
  --paper:            #F4F7FB;
  --paper-100:        #F4F7FB;
  --paper-deep:       #E8EEF6;
  --paper-200:        #E8EEF6;
  --surface:          #FFFFFF;
  --white:            #FFFFFF;
  --paper-border:     rgba(15, 23, 42, 0.09);
  --paper-border-str: rgba(15, 23, 42, 0.16);

  /* Typography Colors */
  --text-dark:        #F1F5F9;
  --text-dark-muted:  #94A3B8;
  --text-light:       #0F172A;
  --text-light-sec:   #334155;
  --text-light-muted: #64748B;

  /* Status Semantics */
  --confirmed:        #10B981;
  --confirmed-tint:   rgba(16, 185, 129, 0.12);
  --confirmed-border: rgba(16, 185, 129, 0.32);
  --attention:        #EF4444;
  --attention-tint:   rgba(239, 68, 68, 0.11);
  --attention-border: rgba(239, 68, 68, 0.34);
  --gold:             #F59E0B;

  --shadow-warm:      0 12px 30px -4px rgba(16, 185, 129, 0.28), 0 4px 14px rgba(99, 102, 241, 0.18);
  --shadow-card:      0 6px 24px -6px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --shadow-elev:      0 24px 56px -12px rgba(7, 13, 23, 0.36);
}

/* Unified Scrollbar Enforcement Across Marketing, Auth & Dashboard */
html, body, .main-canvas, .table-scroll-wrap, .code-box {
  scrollbar-width: thin;
  scrollbar-color: #0EA5E9 #070D17;
}
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
::-webkit-scrollbar-track {
  background: #070D17 !important;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #10B981 0%, #0EA5E9 52%, #6366F1 100%) !important;
  border-radius: 999px !important;
  border: 2px solid #070D17 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #34D399 0%, #38BDF8 50%, #818CF8 100%) !important;
}

/* Distinct Uptime Radar Top Accent Bar on Navigation */
.top-telemetry-strip {
  background: linear-gradient(90deg, #070D17 0%, #0D182C 50%, #070D17 100%) !important;
  border-bottom: 1px solid rgba(99, 102, 241, 0.24) !important;
}

.nav-edition-pill, .edition-tag {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.20), rgba(99, 102, 241, 0.24)) !important;
  border: 1px solid rgba(99, 102, 241, 0.45) !important;
  color: #38BDF8 !important;
}

.telemetry-badge {
  background: rgba(16, 185, 129, 0.14) !important;
  border: 1px solid rgba(16, 185, 129, 0.38) !important;
  color: #34D399 !important;
}

.hero-eyebrow, .eyebrow-badge, .ssc-badge, .badge-kicker {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(99, 102, 241, 0.16)) !important;
  border: 1px solid rgba(99, 102, 241, 0.35) !important;
  color: #38BDF8 !important;
}

/* Subtle Tertiary Indigo + Emerald Glow on Page Heroes */
.page-hero, .hero-enterprise, .auth-brand-pane {
  background:
    radial-gradient(circle at 16% 15%, rgba(16, 185, 129, 0.16) 0%, transparent 42%),
    radial-gradient(circle at 84% 20%, rgba(99, 102, 241, 0.20) 0%, transparent 46%),
    linear-gradient(160deg, #070D17 0%, #0C1628 55%, #070D17 100%) !important;
}

/* Card Top Accent Highlight for Product Distinction */
.deliv-card, .principle-card, .story-card, .pricing-card, .faq-item, .contact-card {
  border-top: 3px solid rgba(99, 102, 241, 0.35);
}
.pricing-card.featured, .plan-tier-card.featured {
  border: 2px solid #6366F1 !important;
  box-shadow: 0 28px 64px -16px rgba(99, 102, 241, 0.32) !important;
}