@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Play:wght@400;700&display=swap');

:root {
  --public-bg: #020a13;
  --public-surface: #071726;
  --public-surface-strong: #0b2033;
  --public-text: #f4f8fc;
  --public-muted: #9fb1c3;
  --public-accent: #00e5ff;
  --public-blue: #378add;
  --public-violet: #8b5cf6;
  --public-border: rgba(120, 190, 225, 0.18);
  --public-focus: #7cecff;
  --public-radius: 18px;
  --public-radius-control: 10px;
  --public-max: 1180px;
  --public-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  --public-font-title: "Hanken Grotesk", system-ui, sans-serif;
  --public-font-body: "Play", system-ui, sans-serif;
}
:root {
  --public-grid-line: rgba(72, 170, 220, 0.075);
  --public-signal: rgba(0, 229, 255, 0.42);
  --public-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --public-ease-flow: cubic-bezier(0.77, 0, 0.175, 1);
  --public-radius-xl: 30px;
}