:root {
  --color-background: #0B0D10;
  --color-sidebar: #0F1318;
  --color-card: #151A21;
  --color-panel: #1A2029;
  --color-border: #29313D;
  --color-gold: #D6B25E;
  --color-gold-hover: #E3C475;
  --color-text: #F5F7FA;
  --color-text-secondary: #9AA7B8;
  --color-text-muted: #6F7C8E;
  --color-success: #32B67A;
  --color-warning: #E2A93B;
  --color-error: #E05B65;
  --color-info: #4D91D9;
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --sidebar-width: 256px;
  --topbar-height: 64px;
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, .45);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--color-background); color: var(--color-text); font-family: var(--font-sans); }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--color-background); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }