/* ==========================================================================
   ui/styles/tokens.css — Oracle PRO, terminal premium
   Fonte da verdade visual: docs/superpowers/specs/2026-09-14-dashboard-premium-
   do-zero-design.md, secao 3 (paleta, tipografia, espacamento, movimento).
   Nenhum token do dashboard antigo vive aqui: grafite / marfim / dourado discreto,
   superficies solidas, borda de 1px. Sem gradiente azul-ciano-roxo, sem vidro,
   sem neon, sem aurora, sem esfera, sem perspectiva 3D.
   ========================================================================== */

:root {
  /* ---- superficies (paleta institucional escura obsidian) ---- */
  --surface-page: #0a0c10;
  --surface-panel: #11141b;
  --surface-raised: #181c25;
  --surface-hover: #202633;
  --surface-sunken: #0c0e13;

  /* ---- texto ---- */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-on-accent: var(--accent-ink);

  /* ---- linhas de alta precisão ---- */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-control: rgba(255, 255, 255, 0.16);

  /* ---- acento e semantica institucional ---- */
  --accent: #d4af37;
  --accent-ink: #120e06;
  --accent-soft: rgba(212, 175, 55, 0.12);
  --buy: #22c55e;
  --sell: #ef4444;
  --warning: #f59e0b;
  --danger: #f43f5e;
  --focus: #d4af37;

  /* ---- raio e sombra ---- */
  --radius-control: 8px;
  --radius-panel: 14px;
  --radius-dialog: 20px;
  --radius-pill: 999px;
  --shadow-panel: 0 1px 0 rgb(255 255 255 / 3%) inset, 0 12px 28px -20px rgb(0 0 0 / 80%);
  --shadow-dialog: 0 24px 80px rgb(0 0 0 / 45%);

  /* ---- espaco: escala 4/8/12/16/24/32/40 (spec 3) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --gap-workspace: 16px;
  --pad-panel: 20px;

  /* ---- tipografia (spec 3) ---- */
  --font-ui: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;
  --fs-screen-title: 24px;
  --lh-screen-title: 32px;
  --fs-section: 18px;
  --lh-section: 26px;
  --fs-metric: 26px;
  --lh-metric: 34px;
  --fs-metric-mobile: 22px;
  --lh-metric-mobile: 30px;
  --fs-body: 14px;
  --lh-body: 21px;
  --fs-label: 12px;
  --lh-label: 18px;
  --fs-input-mobile: 16px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- alvos e alturas (spec 3: alvo minimo 44px) ---- */
  --h-control: 44px;
  --h-control-sm: 36px;
  --h-dialog-footer: 48px;
  --h-sidebar: 72px;
  --h-sidebar-md: 64px;
  --h-header: 72px;
  --h-header-mobile: 56px;
  --h-mobilenav: 64px;
  --h-chart-desktop: 430px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* ---- movimento (spec 3) ---- */
  --motion-hover: 120ms;
  --motion-state: 180ms;
  --motion-dialog: 200ms;
  --motion-panel: 240ms;
  --motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --motion-shift: 6px;

  /* ---- camadas ---- */
  --z-chart: 1;
  --z-sticky: 20;
  --z-mobilenav: 40;
  --z-sheet: 60;
  --z-dialog: 70;
  --z-development-note: 80;
}