/**
 * BridgeWorks — Design tokens condivisi (brand salvia / superfici grigio chiaro)
 * Caricare per primo nell'area candidato e aziende.
 */
:root {
  --bw-verde: #2a5c47;
  --bw-verde-m: #3d7260;
  --bw-verde-l: #6aab8a;
  --bw-verde-dark: #1e4536;
  --bw-ink: #292524;
  --bw-ink-soft: #57534e;
  --bw-ink-muted: #78716c;
  --bw-surface: #f8fafc;
  --bw-surface-alt: #eef0f3;
  --bw-surface-warm: #f3f4f6;
  --bw-white: #ffffff;
  --bw-line: rgba(42, 92, 71, 0.12);
  --bw-line-strong: rgba(42, 92, 71, 0.2);
  --bw-terracotta: #b87262;
  --bw-accent-soft: rgba(106, 171, 138, 0.18);
  --bw-accent-muted: #ecf5ef;
  --bw-shadow-soft: 0 4px 20px rgba(26, 26, 24, 0.06);
  --bw-gradient-brand: linear-gradient(135deg, var(--bw-verde), var(--bw-verde-m));
  --bw-gradient-hero: linear-gradient(180deg, var(--bw-surface-alt) 0%, var(--bw-surface) 100%);
  --bw-gradient-progress: linear-gradient(90deg, var(--bw-verde-m), var(--bw-verde-l));
  --bw-gradient-step-1: linear-gradient(135deg, var(--bw-verde-m), var(--bw-verde-l));
  --bw-gradient-step-2: linear-gradient(135deg, var(--bw-verde-l), #9ecfb0);
  --bw-gradient-step-3: linear-gradient(135deg, var(--bw-terracotta), #d4956a);
  --bw-gradient-step-4: linear-gradient(135deg, #8a7e72, var(--bw-ink-soft));

  /* Navbar area aziende — colore fisso */
  --co-navbar: #343b4a;

  /* Alias legacy usati in home.css / joinrs / garden */
  --verde: var(--bw-verde);
  --verde-m: var(--bw-verde-m);
  --verde-l: var(--bw-verde-l);
  --avorio: var(--bw-surface-warm);
  --carta: var(--bw-surface-alt);
  --terracotta: var(--bw-terracotta);
  --terracotta-l: #d49282;
  --nero: #1a1a18;
  --grigio: #6b6b60;
  --bianco: var(--bw-surface);
  --home-nav-height: 4.35rem;
  --sage: var(--bw-verde-m);
  --sage-soft: var(--bw-accent-muted);

  /* UI area candidato / messaggi (verde salvia) */
  --bw-radius-sm: 8px;
  --bw-radius-md: 12px;
  --bw-radius-lg: 16px;
  --bw-radius-xl: 20px;
  --bw-radius-pill: 999px;
  --bw-shadow-card: 0 4px 24px rgba(26, 26, 24, 0.06);
  --bw-shadow-card-hover: 0 8px 28px rgba(42, 92, 71, 0.1);
  --bw-shadow-inset-accent: inset 3px 0 0 var(--bw-verde-m);
  --bw-focus-ring: rgba(61, 114, 96, 0.22);
  --bw-font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bw-font-display: 'Plus Jakarta Sans', 'DM Sans', system-ui, sans-serif;
  --bw-msg-brand: var(--bw-verde);
  --bw-msg-brand-mid: var(--bw-verde-m);
  --bw-msg-brand-light: var(--bw-verde-l);
  --bw-msg-brand-soft: var(--bw-accent-muted);
  --bw-msg-brand-soft-2: #f5faf7;
  --bw-msg-brand-muted: var(--bw-ink-muted);
  --bw-msg-brand-border: var(--bw-line-strong);
  --bw-msg-brand-gradient: var(--bw-gradient-brand);
  --bw-msg-brand-gradient-soft: linear-gradient(180deg, var(--bw-surface-warm) 0%, var(--bw-white) 100%);
  --bw-msg-focus-ring: var(--bw-focus-ring);

  /* Altezza bottom tab mobile (area candidato) — aggiornata in candidate-shell.css */
  --bw-bottom-tab-height: 0px;
}