/* Atlas Automation Agency — Design Tokens */
:root {
  /* Background & surfaces */
  --bg: #000000;
  --surface-1: #0e1522;
  --surface-2: #131d2e;
  --border: #1e2d44;
  --border-soft: rgba(30, 45, 68, 0.5);

  /* Brand */
  --blue: #00c8ff;
  --blue-deep: #0066ff;
  --blue-bloom: rgba(0, 200, 255, 0.55);
  --blue-bloom-soft: rgba(0, 200, 255, 0.18);

  /* Text */
  --text: #e8f0fe;
  --text-muted: #6b7fa3;
  --text-dim: #4a5a78;

  /* Type */
  --font-display: "Bebas Neue", "Oswald", "Impact", sans-serif;
  --font-body: "Inter", "DM Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* Scale */
  --tile: 60px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 0.18s;
  --t-med: 0.3s;
  --t-slow: 0.6s;

  /* Layout */
  --maxw: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --nav-h: 76px;
}