/* ==========================================================================
   CLEVEN · TOKENS DA MARCA
   Fonte única de verdade para cor e tipografia dos três sites.
   Valores extraídos do que já existia em home/styles.css, network/style.css
   e do tema do Cleven Growth.

   Uso:  <link rel="stylesheet" href="../shared/tokens.css">
   Carregue ANTES do CSS do site — assim o site pode sobrescrever o que
   for particular dele sem perder a base comum.
   ========================================================================== */

:root {
  /* ---------- superfícies escuras (base da marca) ---------- */
  --cleven-bg: #060606;          /* fundo principal */
  --cleven-bg-alt: #0a0a0a;      /* fundo alternado entre seções */
  --cleven-surface: #101010;     /* cartões, painéis */
  --cleven-surface-2: #0f0f0f;   /* cartão sobre fundo alternado */

  /* ---------- tinta e prata ---------- */
  --cleven-ink: #f5f5f5;         /* texto principal sobre escuro */
  --cleven-silver: #b4b4b4;      /* prata clara — rótulos, eyebrows */
  --cleven-muted: #8a8a8a;       /* texto secundário */
  --cleven-muted-2: #6d6d6d;     /* texto terciário */

  /* ---------- linhas ---------- */
  --cleven-line: #1e1e1e;                          /* régua sólida */
  --cleven-border: rgba(245, 245, 245, 0.12);      /* borda sobre escuro */
  --cleven-border-strong: rgba(245, 245, 245, 0.22);

  /* prata polida — réguas, marcas de logo, detalhes */
  --cleven-metal: linear-gradient(135deg, #9a9a9a, #f0f0f0, #a8a8a8);

  /* ---------- acento ---------- */
  /* azul-lavanda dessaturado, herdado do Cleven Growth.
     É o respingo raro de cor: cursor, foco, detalhe pontual. */
  --cleven-accent: #8c9bc0;
  --cleven-accent-dim: rgba(140, 155, 192, 0.35);

  /* ---------- claro (paleta creme do Cleven Growth) ---------- */
  --cleven-cream: #f3f1ec;
  --cleven-cream-deep: #ece9e2;
  --cleven-ink-dark: #0e0e0d;    /* texto sobre creme */
  --cleven-silver-dark: #6e6c66; /* secundário sobre creme */

  /* ---------- tipografia ---------- */
  --cleven-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --cleven-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Geist não cobre o alfabeto árabe — cai numa face árabe do sistema */
  --cleven-font-ar: "Geeza Pro", "Noto Kufi Arabic", "Segoe UI", sans-serif;

  /* ---------- movimento ---------- */
  --cleven-ease: cubic-bezier(0.22, 1, 0.36, 1);
}