:root {
    --brand-primary: #0a2e5c;
    --brand-secondary: #1b4965;
    --brand-accent: #5fa8a3;
    --brand-background: #f6f8fb;
    --brand-text: #1f2937;
    --page-bg: var(--brand-background);
    --panel: #ffffff;
    --text: var(--brand-text);
    --muted: #6b7280;
    --border: rgba(148, 163, 184, 0.28);
    --border-strong: rgba(148, 163, 184, 0.35);
    --accent: var(--brand-primary);
    --accent-2: var(--brand-secondary);
    --header-bg: var(--panel);
    --header-fg: #f8fafc;
    --sidebar-bg: var(--panel);
    --sidebar-text: var(--text);
    --sidebar-muted: var(--muted);
    --sidebar-hover: rgba(255, 255, 255, 0.08);
    --workspace-text: var(--sidebar-muted);
    --shadow-soft: rgba(15, 23, 42, 0.08);
    --shadow-card: rgba(15, 23, 42, 0.05);
}

* { box-sizing: border-box; }

html, body {
    height: 100%;
    margin: 0;
    font-family: Inter, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--text);
    background: var(--page-bg);
}

a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.hidden { display: none !important; }