/* ============================================================
   ADAT ANALYTICS — DESIGN TOKENS
   Single source of truth. Edit here, applies everywhere.
   ============================================================ */

:root {

  /* Backgrounds */
  --c-bg:          #0E1F2F;
  --c-bg-dark:     #0C1824;
  --c-bg-card:     rgba(255, 255, 255, 0.038);
  --c-bg-card-alt: rgba(255, 255, 255, 0.055);

  /* Borders */
  --c-border:        rgba(255, 255, 255, 0.12);
  --c-border-subtle: rgba(255, 255, 255, 0.07);

  /* Brand */
  --c-teal:       #3BBFC0;
  --c-teal-dim:   rgba(59, 191, 192, 0.35);
  --c-teal-ghost: rgba(59, 191, 192, 0.08);
  --c-gold:       #C9A961;
  --c-gold-dim:   rgba(201, 169, 97, 0.70);

  /* Text */
  --c-text:       #F0EDE6;
  --c-text-muted: rgba(240, 237, 230, 0.55);
  --c-text-dim:   rgba(240, 237, 230, 0.28);

  /* Typography */
  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-mono:    "JetBrains Mono", "Courier New", monospace;
  --f-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Spacing */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  1.75rem;
  --sp-lg:  3rem;
  --sp-xl:  5rem;
  --sp-2xl: 8rem;

  /* Layout */
  --max-w: 1100px;
  --nav-h: 64px;
  --r-sm:  4px;
  --r-md:  8px;
  --r-lg:  14px;

  /* Gradients */
  --grad-h: linear-gradient(90deg,  transparent, #1A6B5A 35%, #C9A961 65%, transparent);
  --grad-v: linear-gradient(180deg, transparent, #1A6B5A 30%, #C9A961 70%, transparent);

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}