/* AppForze — design tokens condivisi
 * Palette e geometria canonica; site-coherence.css allinea i componenti in runtime. */
:root {
  --form-input-font-size: 14px;
  --ink: #082f58;
  --navy: #061833;
  --navy-deep: #082541;
  --blue: #075fae;
  --blue-bright: #0878cf;
  --blue-soft: #eaf4fb;
  --cyan: #30a3d8;
  --green: #237a4b;
  --red: #a8333a;
  --amber: #9a5b00;

  --bg: #f2f6fa;
  --surface: #ffffff;
  --surface-soft: #f5f9fc;
  --border: #c5d8e6;
  --line: var(--border);
  --text: var(--ink);
  --text-muted: #5d7188;
  --muted: var(--text-muted);

  --success-bg: #edf8f1;
  --success-txt: #155b38;
  --error-bg: #fff0f1;
  --error-txt: #7b2228;
  --warn-bg: #fff7e7;
  --warn-txt: #704000;

  --radius-surface: 8px;
  --radius-control: 7px;
  --radius-compact: 6px;
  --radius: var(--radius-surface);
  --radius-lg: var(--radius-surface);

  --shadow-surface: 0 8px 24px rgba(8, 47, 88, .07);
  --shadow-raised: 0 16px 38px rgba(8, 47, 88, .11);
  --shadow-sm: var(--shadow-surface);
  --shadow: var(--shadow-raised);

  --sidebar-w: 238px;
  --topbar-h: 68px;
  --ham-color: #fff;
  --control-height: 44px;
  --btn-height: 44px;

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size-h1: clamp(1.45rem, 2vw, 2rem);
  --font-size-eyebrow: .7rem;
  --focus-ring: 3px solid rgba(7, 95, 174, .28);
  --focus-offset: 2px;
}
@media (max-width: 820px) {
  :root { --form-input-font-size: 16px; }
}

:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

html,
body {
  font-family: var(--font-sans);
}

.eyebrow {
  display: inline-block;
  color: var(--blue);
  font-size: var(--font-size-eyebrow);
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}