:root {
  --bg: #f6f7fb;
  --card: rgba(255, 255, 255, 0.85);
  --text: rgba(15, 20, 30, 0.92);
  --muted: rgba(15, 20, 30, 0.72);
  --muted2: rgba(15, 20, 30, 0.60);
  --border: rgba(15, 20, 30, 0.10);
  --trend-up: #0d7a3c;
  --trend-down: #c42b22;
  --trend-flat: rgba(15, 20, 30, 0.48);
}

body {
}

.content-gradient-area {
  background: radial-gradient(1200px 600px at 50% -10%, #ffffff, var(--bg));
}

.card {
  box-shadow:
    0 1px 0 rgba(15, 20, 30, 0.03),
    0 10px 30px rgba(15, 20, 30, 0.06);
}

.card--gold {
  border-color: rgba(184, 122, 0, 0.20);
  background: linear-gradient(
      180deg,
      rgba(255, 199, 97, 0.40),
      rgba(255, 199, 97, 0.12)
    ),
    var(--card);
}

.card--silver {
  border-color: rgba(70, 85, 110, 0.18);
  background: linear-gradient(
      180deg,
      rgba(220, 230, 255, 0.55),
      rgba(220, 230, 255, 0.16)
    ),
    var(--card);
}