:root {
    --black: #111;
    --dark: #1a1a1a;
    --charcoal: #2a2a2a;
    --mid: #555;
    --light-text: #888;
    --border: #e2e2e2;
    --border-light: #f0f0f0;
    --bg: #f5f5f5;
    --white: #fff;
    --accent: #1a3a5c;
    --accent-light: #e8eef4;
    --gold: #8b6914;
    --gold-light: #f5f0e4;
    --green: #1a6b3b;
    --red: #8b1a1a;
    --sidebar-bg: #1a1a1a;
    --sidebar-hover: #2a2a2a;
    --sidebar-active: #0d2a42;
    --sidebar-w: 240px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', -apple-system, sans-serif; background: var(--bg); color: var(--black); -webkit-font-smoothing: antialiased; }

/* ═══ TOP BAR ═══ */
.top-bar {
    background: var(--black);
    color: white;
    height: 52px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
}
.top-bar img { height: 28px; filter: invert(1) brightness(2); }
.top-bar-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    font-weight: 700;
    margin-left: 20px;
    letter-spacing: 0.3px;
}
.top-bar-right { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.top-bar-right a { color: rgba(255,255,255,0.5); font-size: 12px; text-decoration: none; font-weight: 500; letter-spacing: 0.3px; }
.top-bar-right a:hover { color: white; }
.top-bar-badge {
    font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
    padding: 4px 10px; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px;
    color: rgba(255,255,255,0.5);
}