/* Veganly Design System — Dark Glassmorphism (Bendly / Apple Style) */
:root {
  --bg-obsidian: #0A110D;
  --bg-forest: #111A14;
  --surface-glass: rgba(28, 40, 32, 0.65);
  --surface-glass-strong: rgba(36, 48, 38, 0.78);
  --border-glass: rgba(255, 255, 255, 0.08);
  --sage-start: #6B8E63;
  --sage-end: #82A878;
  --text-primary: #F4F7F4;
  --text-secondary: #9BA89E;
  --dot-coral: #E06C58;
  --dot-amber: #E5B552;
  --dot-emerald: #52B788;
}

body {
  background-color: #0A110D;
  background-image:
    radial-gradient(circle at 82% 14%, rgba(107, 142, 99, 0.22) 0%, transparent 42%),
    radial-gradient(circle at 18% 78%, rgba(82, 183, 136, 0.12) 0%, transparent 48%),
    linear-gradient(180deg, #111A14 0%, #0A110D 100%);
  color: #F4F7F4;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
  min-height: 100vh;
}

.veganly-glass {
  background: rgba(28, 40, 32, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.veganly-glass-card {
  background: rgba(34, 44, 35, 0.72);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.veganly-sage-pill {
  background: linear-gradient(135deg, #6B8E63 0%, #82A878 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.28), 0 10px 25px rgba(107, 142, 99, 0.28);
  color: #F4F7F4;
}

.veganly-sage-pill:hover {
  filter: brightness(1.06);
}