:root {
  /* Brand colors */
  --cyan: #00C8D4;
  --cyan-glow: rgba(0, 200, 212, .15);
  --cyan-dim: #00889B;

  /* Backgrounds */
  --dark: #0A0A0F;
  --darker: #06060A;
  --card: #111118;
  --card-border: #1A1A25;

  /* Text */
  --text: #E0E0E8;
  --text-dim: #8A8AA2;
  --white: #FFFFFF;

  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-med: 0.5s ease;
  --transition-slow: 0.7s ease;

  /* Layout */
  --nav-height: 64px;
  --container-max: 1140px;
  --section-padding: 6rem 3rem;
}