/* PumpGuardian shared design tokens — imported by Manager and Dashboard shells */

:root {
    --pg-brand-nav: #0f172a;
    --pg-brand-nav-end: #1e293b;
    --pg-brand-accent: #3b82f6;
    --pg-brand-accent-soft: rgba(59, 130, 246, 0.12);
    --pg-body-bg: #f1f5f9;
    --pg-card-radius: 12px;
    --pg-text: #0f172a;
    --pg-muted: #64748b;
    --pg-nav-border: rgba(255, 255, 255, 0.08);
    --pg-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --pg-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --pg-type-page: 1.35rem;
    --pg-type-body: 0.9375rem;
    --pg-type-caption: 0.75rem;
    --bs-primary: #3b82f6;
    --bs-primary-rgb: 59, 130, 246;
    --mg-surface: #ffffff;
    --mg-surface-raised: #f8fafc;
    --mg-border: rgba(15, 23, 42, 0.08);
}

[data-bs-theme="dark"] {
    --pg-brand-accent: #60a5fa;
    --pg-brand-accent-soft: rgba(96, 165, 250, 0.14);
    --pg-body-bg: #0f172a;
    --pg-text: #e2e8f0;
    --pg-muted: #94a3b8;
    --pg-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25);
    --pg-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);
    --mg-surface: #1e293b;
    --mg-surface-raised: #243044;
    --mg-border: rgba(148, 163, 184, 0.16);
}

/* Manager aliases (backward compatible) */
:root {
    --mg-nav-bg: var(--pg-brand-nav);
    --mg-nav-border: var(--pg-nav-border);
    --mg-accent: var(--pg-brand-accent);
    --mg-accent-soft: var(--pg-brand-accent-soft);
    --mg-body-bg: var(--pg-body-bg);
    --mg-card-radius: var(--pg-card-radius);
    --mg-text: var(--pg-text);
    --mg-muted: var(--pg-muted);
}

.pg-skip-link {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 10000;
}

.pg-skip-link:focus {
    position: fixed;
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    padding: 0.5rem 1rem;
    background: var(--pg-brand-accent);
    color: #fff;
    border-radius: 0.375rem;
    text-decoration: none;
}