/**
 * Scan Beapnow design tokens (P0 chrome / brand).
 * Load before scan-shell / scan-forms / scan-metro-compat.
 */

:root {
    /* Brand */
    --scan-olive: #5a6a4a;
    --scan-primary: var(--scan-olive);
    --scan-primary-hover: #4a593c;

    /* Slate / chrome surfaces & text */
    --scan-slate: #3d4f5f;
    --scan-pane-bg: #f6f6f6;
    --scan-content-bg: #ecf0f5;
    --scan-nav-text: var(--scan-slate);
    --scan-nav-muted: #6a7a85;
    --scan-nav-hover: #e4e8ec;
    --scan-nav-active-bg: #ecf0f5;
    --scan-nav-accent: var(--scan-olive);
    --scan-shell-border: #d8dde3;
    --scan-appbar-bg: var(--scan-olive);
    --scan-appbar-fg: #fff;
    --logo-background: #f6f6f6;
    --logo-color: #292826;

    /* Semantic */
    --scan-danger: #ce352c;
    --scan-success: #60a917;
    --scan-warning: #fa6800;
    --scan-info: #4a7ab0; /* soft blue — not Metro cyan */

    /* Shape / space */
    --scan-radius: 0.25rem;
    --scan-space-1: 0.25rem;
    --scan-space-2: 0.5rem;
    --scan-space-3: 0.75rem;
    --scan-space-4: 1rem;

    /* Shell layout (shared with scan-shell) */
    --scan-staging-banner-height: 2.5rem;
    --scan-shell-sidebar-width: 260px;
    --scan-shell-appbar-height: 52px;
}