/* midiax · design tokens (board "10 · Design system") — tema escuro único */
:root {
  /* superfícies */
  --bg: #0a0a0d;
  --surface: #121217;
  --surface-2: #18181f;
  --surface-3: #20202a;
  --border: #26262f;
  --border-strong: #33333f;

  /* texto */
  --text: #f4f4f6;
  --text-muted: #a1a1ae;
  --text-subtle: #6e6e7c;

  /* marca e estados */
  --accent: #c8f65a;
  --accent-text: #0a0a0d;
  --accent-soft: rgba(200, 246, 90, 0.14);
  --blue: #5b9dff;
  --green: #3ddc97;
  --red: #ff5c67;
  --amber: #ffb547;
  --violet: #8b7cff;
  --gray: #8a8a97;
  --danger-bg: #2a1416;

  /* tipografia */
  --font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* raios */
  --radius-sm: 8px;
  --radius: 10px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  /* espaçamentos */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;

  /* layout */
  --sidebar-w: 232px;
  --topbar-h: 60px;
  --gutter: 28px;
  --create-panel-w: 440px;

  /* efeitos */
  --shadow-pop: 0 16px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--border);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 160ms;
}