/* ==========================================================================
   Converge-Con — Design Tokens
   Pulled directly from the Figma file (gK2eP93pCAgCypq0kraUiX, node 3:447)
   ========================================================================== */

:root {
  /* ---- Color: core ---- */
  --color-black: #000000;
  --color-blue: #0074ca;
  --color-white: #ffffff;

  /* ---- Color: accents (also the mascot logo color set) ---- */
  --color-lime: #d0df5d;
  --color-teal: #a2dad7;
  --color-pink: #e54a9a;
  --color-orange: #f05129;
  --color-purple: #1b6ec5;

  /* ---- Color: UI ---- */
  --color-key-purple: #9747ff;
  --color-placeholder: #d9d9d9;
  --color-overlay-50: rgba(0, 0, 0, 0.5);
  --color-hairline: rgba(255, 255, 255, 0.25);

  /* ---- Page background ---- */
  --page-gradient: var(--color-black);

  /* ---- Type ---- */
  --font-mono: "Azeret Mono", "Courier New", monospace;
  --font-display: "Rajdhani", "Arial Narrow", sans-serif;
  --font-size-body: 1rem;

  /* ---- Layout ---- */
  --container-max: 1512px;
  --container-pad: clamp(1.5rem, 6vw, 6.5rem);
  --header-height: clamp(96px, 11vw, 140px);

  /* ---- Radii ---- */
  --radius-sm: 15px;
  --radius-md: 27px;

  /* ---- Spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 150ms;
  --duration-med: 300ms;

  /* Star-eye logo (hero + footer middle column) */
  --hero-eye-size: 46vw;
}