:root {
  --stayly-font-family: "Public Sans", sans-serif;
  --stayly-weight-regular: 400;
  --stayly-weight-semibold: 600;
  --stayly-weight-bold: 700;
  --stayly-radius-field: 4px;
  --stayly-radius-card: 8px;
  --stayly-radius-dialog: 12px;
  --stayly-shadow-raised: 0 2px 6px rgb(25 44 67 / 8%);
  --stayly-icon-stroke: 1.75;
  --stayly-space-4: 4px;
  --stayly-space-8: 8px;
  --stayly-space-12: 12px;
  --stayly-space-16: 16px;
  --stayly-space-24: 24px;
  --stayly-space-32: 32px;
  --stayly-space-48: 48px;
  --stayly-space-64: 64px;
  --stayly-display-size: 48px;
  --stayly-display-line: 52px;
  --stayly-display-weight: 700;
  --stayly-h1-size: 36px;
  --stayly-h1-line: 42px;
  --stayly-h1-weight: 700;
  --stayly-h2-size: 28px;
  --stayly-h2-line: 34px;
  --stayly-h2-weight: 600;
  --stayly-h3-size: 22px;
  --stayly-h3-line: 28px;
  --stayly-h3-weight: 600;
  --stayly-corpo-size: 16px;
  --stayly-corpo-line: 24px;
  --stayly-corpo-weight: 400;
  --stayly-comandi-size: 14px;
  --stayly-comandi-line: 20px;
  --stayly-comandi-weight: 600;
  --stayly-didascalia-size: 13px;
  --stayly-didascalia-line: 18px;
  --stayly-didascalia-weight: 400;
  --stayly-color-primary: #192C43;
  --stayly-color-accent: #E9CD78;
  --stayly-color-bg: #F8F5EC;
  --stayly-color-surface: #FFFFFF;
  --stayly-color-line: #D8D3C7;
  --stayly-color-muted: #575E65;
  --stayly-color-success: #23654D;
  --stayly-color-warning: #795300;
  --stayly-color-error: #9F382F;
  --stayly-color-on-primary: #F8F5EC;
  --stayly-color-on-accent: #192C43;
}

[data-theme="dark"] {
  --stayly-color-primary: #F8F5EC;
  --stayly-color-accent: #E9CD78;
  --stayly-color-bg: #142131;
  --stayly-color-surface: #203247;
  --stayly-color-line: #46586C;
  --stayly-color-muted: #BDC6D1;
  --stayly-color-success: #8BD6B0;
  --stayly-color-warning: #F2CD83;
  --stayly-color-error: #FFA99F;
  --stayly-color-on-primary: #142131;
  --stayly-color-on-accent: #192C43;
  --stayly-shadow-raised: 0 2px 6px rgb(0 0 0 / 18%);
}