@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&family=JetBrains+Mono:wght@400;600&display=swap");

:root {
  color-scheme: dark;
  --nfe-red: #E03142;
  --nfe-red-dark: #BB2643;
  --nfe-gray-dark: #555A54;
  --nfe-gray-light: #F0F0F0;
  --nfe-black: #000000;
  --nfe-white: #FFFFFF;
  --nfe-carbon: #0A0B0A;
  --nfe-panel: #111311;
  --nfe-panel-raised: #181A18;
  --nfe-line: #2B2E2B;
  --nfe-text-secondary: #C4C7C2;
  --nfe-text-muted: #8B908A;
  --nfe-studio-light: #E9EAEA;
  --nfe-studio-dark: #080A0D;
  --nfe-blue-scene: #2F8BFF;
  --nfe-cyan-scene: #33D6FF;
  --nfe-lane-1: #E03142;
  --nfe-lane-2: #1FB6FF;
  --nfe-lane-3: #FFB000;
  --nfe-lane-4: #9B6BFF;

  --nfe-font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --nfe-font-body: "Archivo", Arial, sans-serif;
  --nfe-font-mono: "JetBrains Mono", Consolas, monospace;

  --nfe-text-micro: 22px;
  --nfe-text-label: 28px;
  --nfe-text-body: 32px;
  --nfe-text-subheading: 46px;
  --nfe-text-heading: 76px;
  --nfe-text-display: 96px;

  --nfe-space-1: 8px;
  --nfe-space-2: 12px;
  --nfe-space-3: 16px;
  --nfe-space-4: 24px;
  --nfe-space-5: 32px;
  --nfe-space-6: 48px;
  --nfe-space-7: 64px;
  --nfe-safe-x: 96px;
  --nfe-safe-y: 54px;

  --nfe-border: 2px solid var(--nfe-line);
  --nfe-border-strong: 4px solid var(--nfe-white);
  --nfe-radius-sm: 4px;
  --nfe-radius-pill: 999px;
  --nfe-shadow-panel: 0 12px 32px rgba(0,0,0,.38);

  --nfe-motion-fast: 220ms;
  --nfe-motion-medium: 320ms;
  --nfe-motion-slow: 600ms;
  --nfe-motion-race: 1400ms;
  --nfe-ease: cubic-bezier(.2,.8,.2,1);
}

:root[data-theme="studio-light"] { color-scheme: light; }
:root[data-theme="studio-dark"],
:root[data-theme="telemetry"] { color-scheme: dark; }

@media (prefers-reduced-motion: reduce) {
  :root { --nfe-motion-fast: 0ms; --nfe-motion-medium: 0ms; --nfe-motion-slow: 0ms; --nfe-motion-race: 0ms; }
}