/* Tokens Nebulosa → CSS (ordem 2 doc 1). Hex só da paleta canônica. */
:root {
  --xd-bg-0: #05070D;
  --xd-bg-1: #0A0E1A;
  --xd-surface: #0E1424;
  --xd-surface-2: #131B30;
  --xd-line: #1E2740;
  --xd-blue: #2E7BFF;
  --xd-blue-hi: #4F9CFF;
  --xd-blue-deep: #132C6E;
  --xd-glow: rgba(46, 123, 255, 0.35);
  --xd-text: #F4F7FF;
  --xd-text-dim: #A8B3CC;
  --xd-good: #35D07F;
  --xd-warn: #F5B301;
  --xd-bad: #FF4D4F;

  --xd-font-display: "Sora", system-ui, sans-serif;
  --xd-font-body: "Manrope", system-ui, sans-serif;
  --xd-font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;

  --xd-fs-12: 12px;
  --xd-fs-14: 14px;
  --xd-fs-16: 16px;
  --xd-fs-20: 20px;
  --xd-fs-24: 24px;
  --xd-fs-32: 32px;
  --xd-fs-48: 48px;

  --xd-space-1: 8px;
  --xd-space-2: 16px;
  --xd-space-3: 24px;
  --xd-space-4: 32px;
  --xd-space-5: 40px;
  --xd-space-6: 48px;
  --xd-space-8: 64px;
  --xd-space-grid: 8px;

  --xd-radius: 14px;
  --xd-radius-sm: 8px;
  --xd-radius-pill: 999px;

  --xd-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --xd-shadow-focus: 0 0 0 3px var(--xd-glow);

  --xd-scale-hover: 1.02;
  --xd-scale-press: 0.98;
  --xd-dur-hover: 160ms;
  --xd-dur-press: 200ms;
  --xd-ease-out: ease-out;

  --xd-marca-max: 256px;
}