:root {
  --bg:#fdf5e8;
  --surface:#fffaf1;
  --surface-strong:#f4e7d7;
  --navy:#062e4c;
  --navy-deep:#022a49;
  --orange:#e93f18;
  --orange-dark:#bd432b;
  --blue:#678393;
  --muted:#6f6c69;
  --line:rgba(6,46,76,.16);
  --success:#2e7d68;
  --warning:#d78324;
  --danger:#c94532;
  --cream:#fffaf1;

  --risk-low-background:var(--surface);
  --risk-low-foreground:var(--navy-deep);
  --risk-low-accent:var(--success);
  --risk-rising-background:var(--surface);
  --risk-rising-foreground:var(--navy-deep);
  --risk-rising-accent:var(--warning);
  --risk-high-background:var(--surface);
  --risk-high-foreground:var(--navy-deep);
  --risk-high-accent:var(--orange-dark);
  --risk-uncertain-background:var(--surface);
  --risk-uncertain-foreground:var(--navy-deep);
  --risk-uncertain-accent:#6f7d84;
}

.risk-surface.is-low { background:var(--risk-low-background); color:var(--risk-low-foreground); border-color:var(--line); --risk-accent:var(--risk-low-accent); }
.risk-surface.is-rising { background:var(--risk-rising-background); color:var(--risk-rising-foreground); border-color:var(--line); --risk-accent:var(--risk-rising-accent); }
.risk-surface.is-high { background:var(--risk-high-background); color:var(--risk-high-foreground); border-color:var(--line); --risk-accent:var(--risk-high-accent); }
.risk-surface.is-unknown { background:var(--risk-uncertain-background); color:var(--risk-uncertain-foreground); border-color:var(--line); --risk-accent:var(--risk-uncertain-accent); }