/* shukut design tokens — Apple.com light · A-share red↑ green↓ · v2026-09-24b
   Source of truth for pages + routine-generated archives.
   Rule: one light family (no mixed white/black blocks); accent = Apple blue. */
:root {
  --page: #f5f5f7;
  --bg: #f5f5f7;
  --card: #ffffff;
  --raised: #ffffff;
  --track: #e8e8ed;

  --border: #d2d2d7;
  --border-strong: #d2d2d7;
  --radius: 18px;
  --radius-sm: 12px;
  --radius-pill: 980px;

  --font: -apple-system, "SF Pro Display", "SF Pro Text", "PingFang SC",
          "Helvetica Neue", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --text: #1d1d1f;
  --muted: #6e6e73;

  /* ONE accent — Apple blue */
  --accent: #0071e3;
  --accent-soft: rgba(0, 113, 227, 0.10);

  /* A-share on light bg */
  --up: #ff3b30;
  --down: #248a3d;
  --info: #0071e3;

  /* Soft shadow (Apple cards) — replace neumorph slots */
  --light: #ffffff;
  --dark: rgba(0, 0, 0, 0.06);
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.08);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* dash.css aliases */
  --dash-bg: var(--page);
  --dash-card: var(--card);
  --dash-line: var(--border);
  --dash-text: var(--text);
  --dash-muted: var(--muted);
  --dash-up: var(--up);
  --dash-down: var(--down);
  --dash-gold: var(--accent);   /* gold → Apple blue for headings/KPI accent */
  --dash-info: var(--info);
  --dash-track: var(--track);
  --dash-radius: var(--radius);

  --rail: 248px;
  --frost: rgba(255, 255, 255, 0.72);
}

html { color-scheme: light; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--page);
  color: var(--text);
  font-family: var(--font);
  line-height: 1.47;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

.sk-muted, .muted { color: var(--muted); }
.up, .dash-up { color: var(--up) !important; font-weight: 600; }
.down, .dash-down { color: var(--down) !important; font-weight: 600; }

@media (max-width: 720px) {
  body { font-size: 16px; }
  .kpi .k-value, .kpis .kpi b { font-size: 24px !important; }
}