:root{
  --overlay-1: rgba(0,0,0,.62);
  --overlay-2: rgba(0,0,0,.18);
  --card: rgba(10,12,16,.58);
  --bg: #0e1016;
  --paper: #141826;
  --border: rgba(255,255,255,.14);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.74);

  --accent: rgba(255,170,80,.22);
  --accent-border: rgba(255,170,80,.35);

  --radius-lg: 22px;
  --radius-md: 14px;

  --shadow: 0 20px 60px rgba(0,0,0,.45);
}

    * { box-sizing: border-box; }
    html, body { height: 100%; margin: 0; }
    body {
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--text);
      background: #06070a;
      overflow-x: hidden;
    }