/**
 * MyBlaze — tema ufficiale (verde app + sfondi)
 * Includere prima degli altri CSS: <link rel="stylesheet" href="/myblaze-theme.css">
 */
:root {
  /* Verde ufficiale MyBlaze — invariato */
  --mb-green: #8fc96a;
  --mb-green-dark: #5a9a38;
  --mb-green-on: #0f1a08;
  --mb-green-soft: rgba(143, 201, 106, 0.18);
  --mb-green-border: rgba(143, 201, 106, 0.5);

  /* Alias per compatibilità */
  --green: var(--mb-green);
  --green2: var(--mb-green-dark);

  /* Grigio-verde montagna + testi chiari */
  --bg: #1e221c;
  --surface: #272c26;
  --surface2: #313830;
  --border: rgba(143, 201, 106, 0.22);
  --border2: var(--mb-green-border);
  --panel-border: var(--mb-green-border);
  --text: #f2f5ee;
  --muted: #b0bab2;
  --faint: #8a9488;
  --stone: #ddd0b8;
  --stone2: #a89880;
  --warn: #d4a040;
  --danger: #c85050;
  --mono: 'Montserrat', system-ui, sans-serif;
  --serif: 'Fraunces', serif;

  /* Forme morbide (meno “quadrato”) */
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-full: 9999px;
  --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.28);
  --shadow-panel: 0 4px 20px rgba(0, 0, 0, 0.22);
}