/* Global lighter red -> darker red gradient theme */
:root {
  --bg: #2a0d12 !important;
  --bg-soft: #4b121a !important;
  --panel: rgba(255, 235, 235, 0.08) !important;
  --panel-strong: rgba(255, 235, 235, 0.12) !important;
  --panel-2: rgba(120, 20, 28, 0.88) !important;
  --panel-border: rgba(255, 220, 220, 0.18) !important;
  --border: rgba(255, 220, 220, 0.18) !important;
  --line: rgba(255, 220, 220, 0.14) !important;
  --text: #fff4f4 !important;
  --muted: #f2c7c7 !important;
  --primary: #ff8e8e !important;
  --primary-strong: #e04343 !important;
  --accent: #ffb1b1 !important;
  --danger: #ff7a7a !important;
  --success: #ff9f9f !important;
  --warning: #ffc2a1 !important;
  --shadow: 0 24px 60px rgba(50, 0, 0, 0.35) !important;
}

html, body {
  min-height: 100%;
}

body {
  background:
    radial-gradient(circle at top, rgba(255, 210, 210, 0.16), transparent 34%),
    linear-gradient(135deg, #ffb3b3 0%, #d14a4a 48%, #5c0b0b 100%) !important;
  color: var(--text) !important;
}