@layer shell {
    .casey-app-shell {
        background: var(--casey-bg);
        color: var(--casey-text);
    }

    .casey-sidebar {
        --casey-text: var(--casey-shell-text);
        --casey-text-secondary: var(--casey-shell-muted);
        --casey-muted: var(--casey-shell-muted);
        --casey-surface-2: var(--casey-shell-surface);
        --casey-border: var(--casey-shell-border);
        background: var(--casey-shell-bg);
        color: var(--casey-shell-text);
    }

    .casey-topbar {
        min-height: 3.5rem;
        background: var(--casey-topbar-bg);
    }

    .casey-content {
        width: min(100%, var(--casey-canvas-max));
        min-width: 0;
        margin-inline: auto;
    }
}