/* ═══════════════════════════════════════════════════════════
   AccessNet Landing Page — Theme Variables
   Light & Dark mode CSS custom properties
   ═══════════════════════════════════════════════════════════ */

/* ── DEFAULT BRAND (overridden per-org via inline style) ── */
:root {
  --brand: #1a6bff;
  --brand-dark: #1558d6;
  --brand-light: rgba(26, 107, 255, 0.08);
  --brand-glow: rgba(26, 107, 255, 0.25);
}

/* ── LIGHT THEME (default) ── */
:root,
[data-theme="light"] {
  /* Backgrounds */
  --bg:          #ffffff;
  --bg2:         #f8fafc;
  --bg3:         #f1f5f9;
  --bg-card:     #ffffff;
  --bg-nav:      rgba(255, 255, 255, 0.96);
  --bg-hero:     linear-gradient(180deg, #eef4ff 0%, #ffffff 100%);
  --bg-trust:    #f8fafc;
  --bg-terminal: #0f172a;
  --bg-section:  #f8fafc;
  --bg-section2: #f1f5f9;
  --bg-badge:    rgba(26, 107, 255, 0.08);
  --bg-icon:     rgba(26, 107, 255, 0.08);
  --bg-cta:      linear-gradient(135deg, var(--brand) 0%, #7c3aed 100%);

  /* Text */
  --text:        #0f172a;
  --text2:       #475569;
  --text3:       #94a3b8;
  --text-inv:    #ffffff;

  /* Borders */
  --border:      #e2e8f0;
  --border2:     #cbd5e1;
  --border-nav:  #f1f5f9;
  --border-card: #e2e8f0;
  --border-badge: rgba(26, 107, 255, 0.18);
  --border-terminal: #1e293b;

  /* Badge / accent */
  --badge-color: var(--brand);

  /* Shadows */
  --shadow:      0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.10);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);

  /* Toggle icon */
  --theme-icon: "☀️";
}

/* ── DARK THEME ── */
[data-theme="dark"] {
  /* Backgrounds */
  --bg:          #050d1f;
  --bg2:         #0a1628;
  --bg3:         #0f1f3d;
  --bg-card:     rgba(255, 255, 255, 0.03);
  --bg-nav:      rgba(5, 13, 31, 0.96);
  --bg-hero:     radial-gradient(ellipse 80% 60% at 50% 0%, rgba(26, 107, 255, 0.16) 0%, transparent 70%), #050d1f;
  --bg-trust:    #0a1628;
  --bg-terminal: #020810;
  --bg-section:  #0a1628;
  --bg-section2: #0f1f3d;
  --bg-badge:    rgba(26, 107, 255, 0.10);
  --bg-icon:     rgba(26, 107, 255, 0.10);
  --bg-cta:      linear-gradient(135deg, rgba(26, 107, 255, 0.2) 0%, rgba(124, 58, 237, 0.2) 100%);

  /* Text */
  --text:        #f1f5f9;
  --text2:       #94a3b8;
  --text3:       #475569;
  --text-inv:    #ffffff;

  /* Borders */
  --border:      rgba(26, 107, 255, 0.12);
  --border2:     rgba(26, 107, 255, 0.20);
  --border-nav:  rgba(26, 107, 255, 0.12);
  --border-card: rgba(26, 107, 255, 0.10);
  --border-badge: rgba(26, 107, 255, 0.25);
  --border-terminal: rgba(26, 107, 255, 0.18);

  /* Badge / accent */
  --badge-color: #60a5fa;

  /* Shadows */
  --shadow:      0 1px 4px rgba(0, 0, 0, 0.30);
  --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.40);
  --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.50);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.30);

  /* Glow override */
  --brand-glow:  rgba(26, 107, 255, 0.35);

  /* Toggle icon */
  --theme-icon: "🌙";
}