/* ════════════════════════════════════════════════════════════
   RISHSTACK TECHNOLOGIES — CSS CUSTOM PROPERTIES
   Central :root variables for global theming.
   Change any value here to update the entire site instantly.
════════════════════════════════════════════════════════════ */

:root {

  /* ── Header ─────────────────────────────────────────────── */
  --header-bg:            #0f172a;
  --header-text:          #ffffff;
  --header-border:        rgba(255, 255, 255, 0.06);
  --header-logo-accent:   #818cf8;
  --header-height:        5rem;

  /* ── Menu ───────────────────────────────────────────────── */
  --menu-link:            #94a3b8;
  --menu-link-hover:      #ffffff;
  --menu-link-active:     #818cf8;
  --menu-cta-bg:          #4f46e5;
  --menu-cta-text:        #ffffff;
  --menu-cta-hover-bg:    #4338ca;
  --menu-sub-bg:          #1e293b;
  --menu-sub-border:      rgba(255, 255, 255, 0.08);
  --menu-sub-shadow:      0 24px 48px rgba(0, 0, 0, 0.6);
  --menu-sub-link:        #94a3b8;
  --menu-sub-link-hover:  #ffffff;
  --menu-mobile-bg:       #0f172a;

  /* ── Home / Page Content ────────────────────────────────── */
  --page-bg:              #020617;
  --content-bg:           #020617;
  --content-alt-bg:       #0f172a;
  --accent-primary:       #6366f1;
  --accent-primary-dim:   rgba(99, 102, 241, 0.12);
  --accent-secondary:     #22d3ee;
  --accent-secondary-dim: rgba(34, 211, 238, 0.12);
  --accent-amber:         #f59e0b;
  --accent-amber-dim:     rgba(245, 158, 11, 0.12);
  --accent-emerald:       #10b981;
  --accent-emerald-dim:   rgba(16, 185, 129, 0.12);
  --accent-purple:        #a855f7;
  --accent-purple-dim:    rgba(168, 85, 247, 0.12);
  --accent-rose:          #f43f5e;
  --accent-rose-dim:      rgba(244, 63, 94, 0.12);

  /* ── Footer ─────────────────────────────────────────────── */
  --footer-bg:            #0f172a;
  --footer-text:          #475569;
  --footer-border:        rgba(255, 255, 255, 0.06);
  --footer-link:          #64748b;
  --footer-link-hover:    #e2e8f0;
  --footer-heading:       #94a3b8;
  --footer-credit-link:   #818cf8;

  /* ── Headings H1–H6 ─────────────────────────────────────── */
  --h1-color:             #ffffff;
  --h2-color:             #f1f5f9;
  --h3-color:             #e2e8f0;
  --h4-color:             #cbd5e1;
  --h5-color:             #94a3b8;
  --h6-color:             #64748b;

  /* ── Paragraph ──────────────────────────────────────────── */
  --p-color:              #94a3b8;
  --p-muted:              #64748b;
  --p-lead:               #cbd5e1;

  /* ── Utility / Shared ───────────────────────────────────── */
  --border-subtle:        rgba(255, 255, 255, 0.06);
  --glass-bg:             rgba(255, 255, 255, 0.04);
  --glass-border:         rgba(255, 255, 255, 0.08);
  --card-bg:              rgba(255, 255, 255, 0.03);
  --card-hover-bg:        rgba(255, 255, 255, 0.07);
  --input-bg:             rgba(255, 255, 255, 0.05);
  --input-border:         rgba(255, 255, 255, 0.12);
  --input-focus-border:   #6366f1;

  /* ── Spacing ────────────────────────────────────────────── */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;

  /* ── Border Radius ──────────────────────────────────────── */
  --radius-sm:  0.5rem;
  --radius-md:  0.875rem;
  --radius-lg:  1.25rem;
  --radius-xl:  1.75rem;
  --radius-2xl: 2.5rem;
  --radius-full:9999px;

  /* ── Typography ─────────────────────────────────────────── */
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', sans-serif;

  /* ── Transitions ────────────────────────────────────────── */
  --transition-fast: 0.15s ease;
  --transition:      0.25s ease;
  --transition-slow: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}