/* Tokens do Paganini — dark-only. Fundo azul-preto, superfícies de vidro e a
   luz do orbe (índigo → violeta → magenta) como acento. Fonte única de cor:
   o JS lê estes valores via js/theme.js; nada de hex fora daqui. */
:root {
  color-scheme: dark;

  /* Fundo */
  --bg: #05060f;
  --bg-2: #090c1c;
  --bg-3: #0d1128;
  --void: #02030a;

  /* Vidro */
  --glass: linear-gradient(158deg, rgba(26, 32, 70, 0.62), rgba(9, 12, 28, 0.52));
  --glass-strong: linear-gradient(158deg, rgba(34, 41, 88, 0.80), rgba(12, 16, 36, 0.70));
  --glass-blur: 16px;
  --surface: rgba(20, 25, 56, 0.55);
  --surface-2: rgba(30, 36, 78, 0.70);
  --border: rgba(124, 140, 255, 0.14);
  --border-strong: rgba(150, 124, 255, 0.34);
  --border-hot: rgba(255, 61, 154, 0.40);

  /* Texto */
  --text: #e9ecff;
  --muted: #99a2ca;
  --faint: #5e678f;
  --ink: #06081a;

  /* Acentos do plasma */
  --accent: #6b5cff;
  --accent-2: #a855f7;
  --accent-3: #ff3d9a;
  --accent-4: #38d9ff;
  --plasma-core: #eef1ff;
  --accent-soft: rgba(107, 92, 255, 0.16);
  --accent-2-soft: rgba(168, 85, 247, 0.14);
  --accent-3-soft: rgba(255, 61, 154, 0.13);
  --accent-4-soft: rgba(56, 217, 255, 0.12);

  /* Semânticos */
  --ok: #2fe3a6;
  --danger: #ff4d6d;
  --warn: #ffb454;
  --info: #38d9ff;
  --ok-soft: rgba(47, 227, 166, 0.13);
  --danger-soft: rgba(255, 77, 109, 0.12);
  --warn-soft: rgba(255, 180, 84, 0.13);
  --info-soft: rgba(56, 217, 255, 0.12);

  /* Gradientes */
  --grad-plasma: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 48%, var(--accent-3) 100%);
  --grad-rim: linear-gradient(90deg, rgba(107, 92, 255, 0), rgba(107, 92, 255, 0.55) 30%, rgba(255, 61, 154, 0.45) 70%, rgba(255, 61, 154, 0));
  --grad-fade: linear-gradient(180deg, rgba(5, 6, 15, 0), var(--bg) 55%);

  /* Brilhos e sombras */
  --glow: 0 0 20px rgba(107, 92, 255, 0.38);
  --glow-hot: 0 0 26px rgba(255, 61, 154, 0.34);
  --glow-inset: inset 0 1px 0 rgba(190, 200, 255, 0.07);
  --shadow-1: 0 10px 34px rgba(2, 3, 10, 0.55);
  --shadow-2: 0 20px 60px rgba(2, 3, 10, 0.70);

  /* Cores do mapa e dos gráficos (lidas pelo JS) */
  --map-perfil: #d6dcff;        /* branco-azulado */
  --map-wiki: #a06bff;          /* violeta luminoso */
  --map-diario: #5d7dff;        /* azul-elétrico */
  --map-person: #eef1ff;        /* branco */
  --map-project: #ff4da3;       /* magenta */
  --map-entity: #8d9be0;        /* azul-aço claro */
  --map-documents: #45deff;     /* ciano */
  --map-bg-core: #131a45;       /* centro do palco, um tom acima de --bg-3 */
  --map-me: #ffffff;            /* eu: branco puro */
  --map-org: #2fe3a6;           /* organizações: verde-menta */
  --map-topic: #d8ff5f;         /* temas: lima */
  --map-group: #ff8fc6;         /* grupos de contatos: rosa */
  --map-folder: #8fe9ff;        /* pastas do Drive: ciano claro */
  --map-edge: #7c8cff;
  --map-edge-similar: #ff3d9a;
  --map-edge-mention: #b9c1ff;
  --map-edge-correspondence: #38d9ff;
  --map-edge-self: #cbd2ff;
  --map-edge-org: #2fe3a6;
  --map-fog: #05060f;
  /* Paleta de comunidades do mapa (modo "cor por comunidade"), sem âmbar. */
  --map-c1: #a06bff;
  --map-c2: #ff4da3;
  --map-c3: #45deff;
  --map-c4: #2fe3a6;
  --map-c5: #d8ff5f;
  --map-c6: #ff8fc6;
  --map-c7: #5d7dff;
  --map-c8: #c4b5fd;
  --map-c9: #5eead4;
  --map-c10: #f472b6;
  --map-c11: #7dd3fc;
  --map-c12: #a5b4fc;

  /* Tipografia */
  --font-display: "Space Grotesk", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ui: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  --fs-hero: 34px;
  --fs-h1: 24px;
  --fs-h2: 19px;
  --fs-h3: 16px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11.5px;
  --fs-clock: 23px;   /* hora no topo: 2× o --fs-xs de antes */
  --ls-tight: -0.02em;
  --ls-label: 0.16em;
  --ls-brand: 0.22em;

  /* Espaço e forma */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --gutter: var(--s-4);
  --radius: 14px;
  --radius-sm: 9px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --notch: 14px;

  /* Layout */
  --topbar-h: 54px;
  --dock-h: 58px;
  --dock-w: 236px;   /* 6 × 36px + 5 × 4px */
  --flank-w: 330px;
  --center-min: 520px;
  --content-max: 920px;

  /* Movimento */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-hud: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 120ms;
  --t-base: 220ms;
  --t-slow: 420ms;

  /* Orbe */
  --orb-size: clamp(180px, 26vmin, 300px);
  --orb-core: var(--plasma-core);
  --orb-a: var(--accent);
  --orb-b: var(--accent-2);
  --orb-c: var(--accent-3);
}
