:root {
  --page-bg: #0b1020;
  --panel-bg: #111a2d;
  --device: #171d29;
  --surface: #f7f8fb;
  --surface-strong: #ffffff;
  --surface-soft: #eef1f7;
  --surface-dark: #151d2e;
  --text: #1c2432;
  --text-inverse: #f1f4fa;
  --muted: #6f7787;
  --line: #d9deea;
  --coral: #e36e68;
  --cobalt: #5b72f2;
  --mint: #55bda5;
  --violet: #9368d8;
  --amber: #d5a047;
  --critical: #d45e68;
  --success: #26866d;
  --warning: #a66b16;
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --touch: 44px;
  --font-body: 16px;
  --font-meta: 12px;
  --shadow-device: 0 24px 80px rgba(0,0,0,.42);
  --shadow-card: 0 8px 24px rgba(27,36,50,.08);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
