@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');

:root {
  --sicloud-color-primary: #2870E9;
  --sicloud-color-info: #2568D9;
  --sicloud-color-success: #0A7A54;
  --sicloud-color-warning: #9f6707;
  --sicloud-color-error: #c63838;
  --sicloud-font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sicloud-font-size: 15px;
  --sicloud-border-radius: 6px;

  /* Vedi CLAUDE.md § Leggibilità. */
  --sicloud-color-text-description: rgba(0,0,0,0.6);
  --sicloud-color-link: #2568D9;
  --sicloud-color-bg-layout: #eef1f6;
  --sicloud-color-border-secondary: #dfe3e8;
}

/* Il tema scuro vale se il sistema lo chiede o se la pagina lo dichiara con
   data-theme="dark"; data-theme="light" lo esclude sempre. Chi pilota il tema da
   JS deve tenere l'attributo allineato, altrimenti legge i seed dell'altro tema. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --sicloud-color-success: #10b981;
    --sicloud-color-warning: #f59e0b;
    --sicloud-color-error: #FF6B6B;
    --sicloud-color-info: #6BA5FF;
    --sicloud-color-link: #6BA5FF;
    --sicloud-color-text-description: rgba(255,255,255,0.68);
    --sicloud-color-bg-layout: #141414;
    --sicloud-color-border-secondary: #3a3a3a;
  }
}

:root[data-theme='dark'] {
  --sicloud-color-success: #10b981;
  --sicloud-color-warning: #f59e0b;
  --sicloud-color-error: #FF6B6B;
  --sicloud-color-info: #6BA5FF;
  --sicloud-color-link: #6BA5FF;
  --sicloud-color-text-description: rgba(255,255,255,0.68);
  --sicloud-color-bg-layout: #141414;
  --sicloud-color-border-secondary: #3a3a3a;
}