/* =====================================================================
   Sibylla platform — token colore e tipografia
   UNICO file con valori letterali. Tutti gli altri .css usano solo var(--color-*).
   Valori certi da regole_ui: --color-primary (#204769), --color-divider (#eef0f3).
   Gli altri sono provvisori: allineare a _themes.sass della piattaforma.
   ===================================================================== */
/* Poppins in locale (funziona anche offline) */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("../vendor/poppins/poppins-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("../vendor/poppins/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("../vendor/poppins/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("../vendor/poppins/poppins-latin-700-normal.woff2") format("woff2"); }

:root {
  /* brand */
  --color-primary: #204769;            /* blu Platform */
  --color-primary-hover: #183754;
  --color-on-primary: #ffffff;

  /* superfici */
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-surface-muted: #f8f9fb;

  /* testo */
  --color-ink: #1f2a37;
  --color-ink-muted: #6b7280;

  /* bordi */
  --color-border: #d9dde3;
  --color-divider: #eef0f3;

  /* stati */
  --color-error: #c0392b;
  --color-warning: #b7791f;
  --color-success: #2f855a;

  /* derivati (sempre via color-mix, mai rgba(var())) */
  --color-focus-ring: color-mix(in srgb, var(--color-primary) 18%, transparent);
  --color-primary-soft: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
  --color-error-soft: color-mix(in srgb, var(--color-error) 8%, var(--color-surface));
  --color-warning-soft: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));
  --color-success-soft: color-mix(in srgb, var(--color-success) 10%, var(--color-surface));
  --color-overlay: color-mix(in srgb, var(--color-ink) 45%, transparent);
  --color-shadow: color-mix(in srgb, var(--color-ink) 10%, transparent);
  --color-tooltip-bg: var(--color-ink);
  --color-tooltip-ink: var(--color-surface);

  /* tipografia */
  --font-base: "Poppins", "Segoe UI", system-ui, sans-serif;
  --fs-body: 13px;
  --fs-label: 12px;
  --fs-title: 24px;
  --fs-subtitle: 13px;
  --fs-section: 15px;

  /* misure */
  --field-h: 34px;
  --radius: 6px;
  --radius-card: 10px;
  --page-head-gap: 20px;
}