: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);
}

 *, *::before, *::after {
  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;
}