/*
 * static/haut/virtual-nature.css – die Haut „Virtual Nature“ für den Gastro Hub: Glas, pastell,
 * Licht von oben. Dieselbe Palette wie im Office Hub und Marketing Hub (dort static/haut/), hier nur
 * für die Klassen dieses Hubs. Alles unter html[data-haut="virtual-nature"] (Mechanik: haut.js).
 */
html[data-haut="virtual-nature"] {
  --bg: #f6f4ee; --bg2: #ebe4d3;
  --surface: rgba(251, 250, 247, .8); --surface2: rgba(235, 228, 211, .45); --hover: rgba(95, 125, 104, .08);
  --border: rgba(255, 255, 255, .85); --text: #4f483f; --text-dim: #8a857b;
  --primary: #5f7d68; --primary-h: #4e6956; --on-primary: #ffffff;
  --shadow: rgba(80, 90, 70, .14);
}
html[data-haut="virtual-nature"][data-theme="dark"] {
  --bg: #1b211d; --bg2: #242c27;
  --surface: rgba(36, 44, 39, .78); --surface2: rgba(58, 80, 62, .35); --hover: rgba(143, 176, 150, .1);
  --border: rgba(255, 255, 255, .12); --text: #e6e8e2; --text-dim: #a3ab9f;
  --primary: #8fb096; --primary-h: #a2c1a8; --on-primary: #1b211d;
  --shadow: rgba(0, 0, 0, .4);
}
html[data-haut="virtual-nature"] body {
  background:
    radial-gradient(60vw 50vh at 85% 0%, color-mix(in srgb, #d6e3ea 80%, transparent), transparent 70%),
    radial-gradient(50vw 45vh at 5% 40%, color-mix(in srgb, #e5ebe3 85%, transparent), transparent 70%),
    radial-gradient(55vw 40vh at 70% 100%, color-mix(in srgb, #ebe4d3 80%, transparent), transparent 70%),
    var(--bg);
  background-attachment: fixed;
}
html[data-haut="virtual-nature"][data-theme="dark"] body {
  background:
    radial-gradient(60vw 50vh at 85% 0%, #344a5866, transparent 70%),
    radial-gradient(50vw 45vh at 5% 40%, #3a503e66, transparent 70%),
    radial-gradient(55vw 40vh at 70% 100%, #544a3655, transparent 70%),
    var(--bg);
  background-attachment: fixed;
}
html[data-haut="virtual-nature"] .kopf,
html[data-haut="virtual-nature"] .anm-blatt,
html[data-haut="virtual-nature"] .menue,
html[data-haut="virtual-nature"] .fb-blatt,
html[data-haut="virtual-nature"] .neu-leiste {
  backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2);
}
html[data-haut="virtual-nature"] .knopf, html[data-haut="virtual-nature"] .anm-blatt { border-radius: 14px; }