@import './tokens.css';
@import './elder-theme.css';
@import './utilities.css';

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  font-size: calc(16px * var(--aism-font-scale));
  line-height: 1.6;
  color: var(--aism-color-text);
  background: var(--aism-color-bg);
}
.container { max-width: var(--aism-container-max); margin: 0 auto; padding: 16px; }
.card {
  background: var(--aism-color-surface);
  border: 1px solid var(--aism-color-border);
  border-radius: var(--aism-radius-md);
  padding: 16px;
  box-shadow: var(--aism-shadow-sm);
}
h1, h2, h3 { font-weight: 600; line-height: 1.3; }
:focus-visible { outline: 3px solid var(--aism-color-primary-soft); outline-offset: 2px; }
a { color: var(--aism-color-primary-soft); }
.muted { color: var(--aism-color-text-muted); }
.tag {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  background: var(--aism-green-50); color: var(--aism-green-700); font-size: .85em;
}
.risk-l1 { background: #e8f5e9; color: #2e7d32; }
.risk-l2 { background: #fff3e0; color: #ef6c00; }
.risk-l3 { background: #ffebee; color: #c62828; }
.risk { font-size: 12px; padding: 2px 8px; border-radius: 10px; }