/* =============================================================================
   InAI Capital · Report Design Tokens
   -----------------------------------------------------------------------------
   Single source of truth for every color / radius / spacing value used by the
   report template. Change any variable here, propagate everywhere. Ship this
   file BEFORE report-template.css so components can consume the variables.
   -----------------------------------------------------------------------------
   Used by: static site (site/*.html), subscription-app (via ContentArticle)
   Approved: 2026-07-14 (mockup review)
   ============================================================================= */
:root {
  /* --- Backgrounds ------------------------------------------------------- */
  --bg-page:            #08060f;
  --bg-elevated:        rgba(255,255,255,.03);
  --bg-elevated-hover:  rgba(255,255,255,.05);
  --bg-input:           rgba(255,255,255,.04);

  /* --- Borders ----------------------------------------------------------
     Tokens were originally .08 / .20 / .50 opacity. At .08 the "soft" tone
     was effectively invisible on a black page; bumping to .16 makes nav
     dividers, table row separators, hero meta rule etc. read as intentional
     without becoming aggressive. Medium bumps .20 → .35 to match what
     .chart-wrapper needed manually — now every card / input / chip / module
     border reads at the same visibility. */
  --border-soft:        rgba(255,255,255,.16);
  --border-medium:      rgba(168,85,247,.35);
  --border-strong:      rgba(168,85,247,.60);
  --border-focus:       #a855f7;

  /* --- Text (never below /70 on body copy) ------------------------------ */
  --text-primary:       rgba(255,255,255,.95);
  --text-body:          rgba(255,255,255,.75);
  --text-muted:         rgba(255,255,255,.55);
  --text-subtle:        rgba(255,255,255,.35);

  /* --- Accents (semantic) ---------------------------------------------- */
  --accent-violet:      #a855f7;
  --accent-violet-soft: rgba(168,85,247,.15);
  --accent-cyan:        #22d3ee;
  --accent-amber:       #fbbf24;
  --accent-emerald:     #10b981;
  --accent-rose:        #f87171;

  /* --- Radii & shadow --------------------------------------------------- */
  --r-sm: .5rem;
  --r-md: .75rem;
  --r-lg: 1rem;
  --r-xl: 1.5rem;
  --shadow-card:    0 10px 40px rgba(168,85,247,.08);
  --shadow-lifted:  0 20px 60px rgba(168,85,247,.15);

  /* --- Rhythm ----------------------------------------------------------- */
  --gutter: 1.25rem;
}