/* ============================================
   ARXES STUDIOS — Design Tokens
   ============================================ */

:root {
  /* Colors */
  --bg-dark: #030303;
  --bg-card: rgba(255, 255, 255, 0.03);
  --bg-card-hover: rgba(255, 255, 255, 0.06);
  --accent-gold: #FFCC00;
  --accent-gold-dim: rgba(255, 204, 0, 0.15);
  --accent-purple: #8E44AD;
  --accent-purple-dim: rgba(142, 68, 173, 0.2);
  --accent-red: #E74C3C;
  --accent-cyan: #00D9FF;
  --text-light: #FFFFFF;
  --text-muted: #A0A0A0;
  --text-dim: #666;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-accent: rgba(255, 204, 0, 0.3);

  /* Typography */
  --font-display: 'Orbitron', sans-serif;
  --font-heading: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  /* Sizes */
  --nav-height: 72px;
  --section-padding-y: clamp(80px, 12vw, 140px);
  --section-padding-x: clamp(5%, 8vw, 12%);
  --container-max: 1400px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Transitions */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.35s;
  --duration-slow: 0.6s;
}