/* RankGrove — design token "Canopy Chiara" (scelti 16/08/2026)
   Fonte unica del brand: brand/BRAND.md. L app (repo seotool) replica
   questi valori nel tema commerciale di base.html. */
:root {
  /* Colori fondamentali */
  --rg-forest:      #0B2E20;  /* inchiostro, sidebar, hero scuri */
  --rg-forest-2:    #0F3A29;  /* superfici su fondo scuro */
  --rg-forest-line: #1A4A36;  /* bordi su fondo scuro */
  --rg-action:      #0E7C4F;  /* bottoni, link — UNICO colore d azione su chiaro */
  --rg-action-hover:#0B6440;
  --rg-action-down: #094F33;
  --rg-mint:        #34D399;  /* highlight, grafici, badge — MAI testo su chiaro */
  --rg-mint-soft:   #7FE0B7;
  --rg-cloud:       #E7F5EE;  /* testo su scuro */

  /* Neutri (scala verde-grigia) */
  --rg-bg:          #F7FAF8;  /* fondo app/pagine */
  --rg-surface:     #FFFFFF;
  --rg-border:      #E3ECE7;
  --rg-hover:       #F2F7F4;
  --rg-text:        #182720;
  --rg-text-muted:  #44544B;  /* scurito 18/08: contrasto leggibile (feedback Fabio) */

  /* Stati */
  --rg-success:     #0E7C4F;
  --rg-warning:     #F59E0B;
  --rg-danger:      #B42318;

  /* Tipografia */
  --rg-font-display: 'Space Grotesk', system-ui, sans-serif;  /* titoli + UI */
  --rg-font-body:    'Space Grotesk', system-ui, sans-serif;  /* UI densa */
  --rg-font-longform:'Manrope', system-ui, sans-serif;        /* testi lunghi (anteprime articolo) */

  /* Scala tipografica (rem) */
  --rg-fs-hero: 3.7rem; --rg-fs-h1: 2.7rem; --rg-fs-h2: 2.1rem;
  --rg-fs-h3: 1.42rem;  --rg-fs-body: 1.08rem; --rg-fs-small: .92rem; --rg-fs-micro: .78rem;

  /* Geometria */
  --rg-radius: 10px; --rg-radius-lg: 14px; --gutter: clamp(1.25rem, 4vw, 4rem);
}