@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap');

:root{

  --c-primary:#3cffd0;
  --c-primary-2:#5200ff;
  --c-on-primary:#000000;
  --c-mint-border:#309875;
  --c-link-hover:#3860be;
  --c-focus:#1eaedb;
  --c-purple-rule:#3d00bf;
  --c-dim:#8c8c8c;

  --c-ban-accent:#ff2740;
  --c-ban-ink:#ff9bb0;
  --c-ban-hover:#ff5a70;

  --c-canvas:#131313;
  --c-surface-1:#1c1c1c;
  --c-surface-2:#2d2d2d;
  --c-surface-3:#313131;

  --c-hairline:rgba(255,255,255,0.16);
  --c-hairline-strong:rgba(255,255,255,0.34);
  --c-hairline-white:#ffffff;

  --c-ink:#ffffff;
  --c-ink-muted:#e9e9e9;
  --c-ink-subtle:#949494;
  --c-ink-tertiary:#6f6f6f;
  --c-inverted:#131313;

  --c-success:#3cffd0;
  --c-warning:#ffb020;

  --c-blue:#2f6bff;
  --c-blue-deep:#1b3fb0;
  --c-red:#ff4d5e;
  --c-red-deep:#b81e3a;

  --c-feat-base:#3cffd0;
  --c-feat-counter:#ffb020;
  --c-feat-synergy:#5200ff;
  --c-feat-ban:#ed1aa0;
  --c-feat-meta:#2f6bff;

  --r-input:2px; --r-chip:4px; --r-card:20px; --r-feature:24px; --r-pill:40px; --r-round:9999px;

  --s-xxs:4px; --s-xs:8px; --s-sm:12px; --s-md:16px; --s-lg:24px; --s-xl:32px; --s-xxl:48px;

  --font-display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --font-text:'Space Grotesk', Helvetica, Arial, -apple-system, sans-serif;
  --font-mono:'Space Mono', 'JetBrains Mono', ui-monospace, monospace;

  --container:1280px;
  --nav-h:60px;
}