:root {
  /* Brand (from the logo) */
  --gf-blue: #1C4E8A;
  --gf-orange: #E88C28;
  --gf-orange-text: #C96F12;
  --gf-orange-text-sm: #A3560C;
  --gf-orange-on-dark: #F2A65A;

  /* Neutrals */
  --gf-ink: #13253F;
  --gf-muted: #5A6B82;
  --gf-on-dark-muted: #C7D3E3;
  --gf-border: #DCE1E8;
  --gf-line: #e0e0e0;
  --gf-surface: #FFFFFF;
  --gf-surface-alt: #F3F5F8;
  --gf-surface-footer: #F5F7FA;
  --gf-selected: #EAF1FA;
  --gf-success: #2E8A5B;

  /* Typography (Montserrat/Outfit self-hosted in phase 2; system fonts until then) */
  --gf-font-display: "Montserrat", system-ui, sans-serif;
  --gf-font-body: "Outfit", system-ui, sans-serif;

  /* Radii */
  --gf-radius: 12px;            /* unico raggio per ogni elemento con bordo stondato (cerchi veri esclusi) */
  --gf-radius-card: var(--gf-radius);
  --gf-radius-panel: var(--gf-radius);
  --gf-radius-pill: var(--gf-radius);

  /* Layout */
  --gf-container: 83.125rem; /* 1330px at the 16px base font */
  --gf-gutter: 1.25rem;
}