:root {
  --bg: #050506;
  --fg: #e8e8ea;
  --surface: #0d0d10;
  --accent: #ff2b3a;
  --accent-2: #7a0f18;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'JetBrains Mono', system-ui, sans-serif;
  --ease: cubic-bezier(.19, 1, .22, 1);
  --dur: .8s;
}
/* breakpoints herdados do frontend-website */
/* breakpoint xs: {"max": 480, "note": "mobile; tambem orientation:portrait"} */
/* breakpoint sm: {"min": 481, "max": 768} */
/* breakpoint md: {"min": 481, "max": 1024, "note": "tablet"} */
/* breakpoint lg: {"max": 1366, "note": "laptop"} */
/* breakpoint xl: {"min": 1920, "note": "full hd+"} */
/* breakpoint xxl: {"min": 2560, "note": "2K/4K"} */
/* keyframe de referencia: spin */
/* keyframe de referencia: translateXRight */
/* keyframe de referencia: translateXLeft */