/**
 * LifeGraph site — design tokens (Jardim Criativo + logo intel/logo.png).
 * Soft sky ground, soft navy/graphite ink, graph-node accents (mint / turquoise / tangerine / coral).
 */
:root {
  /* Surfaces — arejado */
  --lg-color-ground: #eef6fb;
  --lg-color-ground-deep: #dcecf6;
  --lg-color-surface: #ffffff;
  --lg-color-line: #c5d8e6;

  /* Ink — azul-marinho / grafite suave (não near-black) */
  --lg-color-ink: #2f3f4e;
  --lg-color-ink-muted: #5a6d7c;

  /* Primary accent = turquesa vivo (conector do grafo) */
  --lg-color-accent: #1db5a6;
  --lg-color-accent-soft: #c5f0ea;

  /* Graph nodes (logo) */
  --lg-color-mint: #3dd9a0;
  --lg-color-turquoise: #1db5a6;
  --lg-color-tangerine: #f0a05a;
  --lg-color-coral: #f07178;

  --lg-gradient-graph: linear-gradient(
    90deg,
    var(--lg-color-mint),
    var(--lg-color-turquoise),
    var(--lg-color-tangerine),
    var(--lg-color-coral)
  );

  --lg-font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --lg-font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --lg-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --lg-size-brand: clamp(2.5rem, 6vw, 4.25rem);
  --lg-size-headline: clamp(1.75rem, 3.5vw, 2.5rem);
  --lg-size-body: 1.0625rem;
  --lg-size-small: 0.875rem;

  --lg-space-1: 0.25rem;
  --lg-space-2: 0.5rem;
  --lg-space-3: 1rem;
  --lg-space-4: 1.5rem;
  --lg-space-5: 2.5rem;
  --lg-space-6: 4rem;
  --lg-space-7: 6rem;

  --lg-measure: 38rem;
  --lg-measure-wide: 64rem;

  --lg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --lg-duration-fast: 160ms;
  --lg-duration: 320ms;
}