/* Presidio IA · token di design
   Palette «petrolio»: un verde-blu istituzionale su neutri freddi appena tinti.
   Il colore di rischio è semantico e separato dall'accento. */
:root {
  color-scheme: light;

  --font-ui: "Titillium Web", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-doc: "Lora", Georgia, "Times New Roman", serif;
  --font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 30px;
  --fs-3xl: 40px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  --ground: #EDF1F0;
  --surface: #FFFFFF;
  --surface-2: #F6F8F8;
  --surface-3: #E6ECEB;
  --ink: #102221;
  --ink-2: #2E4240;
  --muted: #5E6F6D;
  --faint: #8A9896;
  --line: #D8E1DF;
  --line-strong: #BCCAC7;

  --accent: #0B5C62;
  --accent-hover: #084A4F;
  --accent-soft: #DCEDEC;
  --accent-ink: #FFFFFF;
  --focus: #1B8C95;

  --ok: #1F7A45;
  --ok-soft: #E0F2E7;
  --warn: #A45A00;
  --warn-soft: #FCEFD9;
  --critical: #B42318;
  --critical-soft: #FCE8E5;
  --info: #1C5E9E;
  --info-soft: #E3EDF8;

  --risk-vietato: #B42318;
  --risk-vietato-soft: #FCE8E5;
  --risk-alto: #9A5300;
  --risk-alto-soft: #FBEBD2;
  --risk-non-alto: #4E5E7C;
  --risk-non-alto-soft: #E7EBF3;
  --risk-trasparenza: #1C5E9E;
  --risk-trasparenza-soft: #E3EDF8;
  --risk-minimo: #226B3E;
  --risk-minimo-soft: #E0F2E7;
  --risk-fuori: #5E6F6D;
  --risk-fuori-soft: #E8EEED;
  --risk-bozza: #5E6F6D;
  --risk-bozza-soft: transparent;

  /* Il foglio del documento resta bianco in entrambi i temi, come la carta */
  --paper: #FFFFFF;
  --paper-ink: #1B1F1F;
  --paper-line: #C9D3D1;
  --paper-mark: #FFF0B3;

  --shadow-sm: 0 1px 2px rgba(16, 34, 33, 0.06);
  --shadow-md: 0 1px 2px rgba(16, 34, 33, 0.05), 0 6px 20px rgba(16, 34, 33, 0.07);
  --shadow-lg: 0 2px 6px rgba(16, 34, 33, 0.08), 0 24px 60px rgba(16, 34, 33, 0.18);
  --backdrop: rgba(8, 22, 21, 0.45);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: #0B1312;
    --surface: #121C1B;
    --surface-2: #16211F;
    --surface-3: #1D2A28;
    --ink: #E2EBE9;
    --ink-2: #C3D1CE;
    --muted: #93A5A2;
    --faint: #6C7E7B;
    --line: #243230;
    --line-strong: #34453F;
    --accent: #5EC4BB;
    --accent-hover: #7FD4CC;
    --accent-soft: #153533;
    --accent-ink: #042120;
    --focus: #7FD4CC;
    --ok: #74CC93;
    --ok-soft: #14301F;
    --warn: #F1B35C;
    --warn-soft: #36270F;
    --critical: #F38A7F;
    --critical-soft: #3A1714;
    --info: #85B7EA;
    --info-soft: #13273B;
    --risk-vietato: #F38A7F;
    --risk-vietato-soft: #3A1714;
    --risk-alto: #F1B35C;
    --risk-alto-soft: #36270F;
    --risk-non-alto: #AAB7D4;
    --risk-non-alto-soft: #1F2534;
    --risk-trasparenza: #85B7EA;
    --risk-trasparenza-soft: #13273B;
    --risk-minimo: #74CC93;
    --risk-minimo-soft: #14301F;
    --risk-fuori: #9AA9A6;
    --risk-fuori-soft: #1D2826;
    --risk-bozza: #9AA9A6;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 60px rgba(0, 0, 0, 0.55);
    --backdrop: rgba(0, 0, 0, 0.6);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: #0B1312;
  --surface: #121C1B;
  --surface-2: #16211F;
  --surface-3: #1D2A28;
  --ink: #E2EBE9;
  --ink-2: #C3D1CE;
  --muted: #93A5A2;
  --faint: #6C7E7B;
  --line: #243230;
  --line-strong: #34453F;
  --accent: #5EC4BB;
  --accent-hover: #7FD4CC;
  --accent-soft: #153533;
  --accent-ink: #042120;
  --focus: #7FD4CC;
  --ok: #74CC93;
  --ok-soft: #14301F;
  --warn: #F1B35C;
  --warn-soft: #36270F;
  --critical: #F38A7F;
  --critical-soft: #3A1714;
  --info: #85B7EA;
  --info-soft: #13273B;
  --risk-vietato: #F38A7F;
  --risk-vietato-soft: #3A1714;
  --risk-alto: #F1B35C;
  --risk-alto-soft: #36270F;
  --risk-non-alto: #AAB7D4;
  --risk-non-alto-soft: #1F2534;
  --risk-trasparenza: #85B7EA;
  --risk-trasparenza-soft: #13273B;
  --risk-minimo: #74CC93;
  --risk-minimo-soft: #14301F;
  --risk-fuori: #9AA9A6;
  --risk-fuori-soft: #1D2826;
  --risk-bozza: #9AA9A6;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 60px rgba(0, 0, 0, 0.55);
  --backdrop: rgba(0, 0, 0, 0.6);
}