/* DESIGN.md v2: fonte única dos tokens. */
@font-face {
  font-family: 'Inter Tight Fallback';
  src: local('Roboto'), local('Noto Sans'), local('Arial');
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 104%;
}

@font-face {
  font-family: 'Poppins Fallback';
  src: local('Roboto'), local('Noto Sans'), local('Arial');
  ascent-override: 95%;
  descent-override: 28%;
  line-gap-override: 0%;
  size-adjust: 98%;
}

:root {
  --bg-base: #030603;
  --bg-surface: #0B0D10;
  --bg-surface-elevated: #111519;
  --bg-deep-green-1: #052008;
  --bg-deep-green-2: #02220A;
  --primary-green: #18FF00;
  --primary-green-hover: #3DFF2A;
  --primary-green-active: #14D600;
  --accent-ray-green: #0AFF1F;
  --accent-glow-subtle: rgba(24, 255, 0, 0.12);
  --accent-glow-medium: rgba(24, 255, 0, 0.28);
  --accent-glow-intense: rgba(24, 255, 0, 0.55);
  --text-primary: #F2FFF0;
  --text-secondary: rgba(232, 255, 228, 0.72);
  --text-muted: rgba(232, 255, 228, 0.62);
  --text-inverse: #030603;
  --border-subtle: rgba(232, 255, 228, 0.08);
  --border-default: rgba(232, 255, 228, 0.13);
  --border-hover: rgba(61, 255, 42, 0.45);
  --border-focus: #18FF00;
  --glass-bg: rgba(232, 255, 228, 0.04);
  --glass-bg-hover: rgba(232, 255, 228, 0.07);
  --glass-blur: 12px;
  --glass-saturate: 160%;
  --status-danger: #FF4D4D;
  --status-warning: #FFD23F;
  --status-info: #00D2FF;
  --font-display: 'Inter Tight', 'Inter Tight Fallback', system-ui, sans-serif;
  --font-body: 'Poppins', 'Poppins Fallback', system-ui, sans-serif;
  --shadow-card: 0 4px 24px -1px rgba(0, 0, 0, 0.6), 0 0 1px 1px var(--border-subtle);
  --shadow-elevated: 0 16px 48px -4px rgba(0, 0, 0, 0.8), 0 0 24px rgba(24, 255, 0, 0.15);
  --glow-btn: 0 0 24px rgba(24, 255, 0, 0.40), 0 4px 12px rgba(24, 255, 0, 0.30);
  --glow-btn-hover: 0 0 36px rgba(61, 255, 42, 0.65), 0 6px 16px rgba(24, 255, 0, 0.45);
  --z-canvas-bg: -10;
  --z-ambient-glow: -5;
  --z-base: 1;
  --z-card-elevated: 10;
  --z-header: 100;
  --z-modal: 1000;
  --ease-igreen-back: cubic-bezier(0.16, 1.1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-cinematic: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-snappy: cubic-bezier(0.4, 0, 0.2, 1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;
  --duration-press: 150ms;
  --duration-hover: 250ms;
  --duration-step: 380ms;
  --duration-enter: 500ms;
  --duration-enter-long: 650ms;
  --duration-ambient: 4000ms;
  --duration-ambient-long: 8000ms;
}