/* ============================================================
   ZORO TECH DESIGN — CSS Custom Properties
   ============================================================ */
:root {
  /* ── Backgrounds ── */
  --bg-primary:    #0a0a0a;
  --bg-secondary:  #111111;
  --bg-card:       #161616;

  /* ── Accents ── */
  --accent-primary:   #00f3ff;
  --accent-secondary: #2A6496;
  --accent-glow:      rgba(0, 243, 255, 0.20);
  --line-tech:        rgba(0, 243, 255, 0.10);

  /* ── Text ── */
  --text-primary:   #F0EDE8;
  --text-secondary: #8A8A8A;
  --text-muted:     #444444;

  /* ── Borders ── */
  --border-subtle: #222222;

  /* ── Typography ── */
  --font-display: 'Orbitron', 'Courier New', monospace;
  --font-mono:    'Space Mono', 'Courier New', monospace;
  --font-body:    'DM Sans', 'Helvetica Neue', sans-serif;

  /* ── Layout ── */
  --section-padding:   clamp(60px, 8vw, 120px);
  --container-max:     1280px;
  --container-padding: clamp(20px, 5vw, 80px);
  --navbar-height:     80px;

  /* ── Transitions ── */
  --t-fast:   0.2s ease;
  --t-mid:    0.4s ease;
  --t-slow:   0.6s ease;
  --t-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Shadows ── */
  --shadow-card:   0 4px 32px rgba(0, 0, 0, 0.5);
  --shadow-glow:   0 0 24px rgba(0, 243, 255, 0.15);
  --shadow-navbar: 0 1px 0 rgba(0, 243, 255, 0.1),
                   0 4px 24px rgba(0, 0, 0, 0.6);

  /* ── Z-Index Scale ── */
  --z-cursor:      9999;
  --z-progress:    9998;
  --z-navbar:      1000;
  --z-mobile-menu: 999;
  --z-dropdown:    100;
}