/**
 * Portal design tokens — clean, minimal (2026)
 */
:root {
    --spjc-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --spjc-bg: #f4f6f8;
    --spjc-surface: #ffffff;
    --spjc-surface-hover: #f9fafb;
    --spjc-border: #e5e7eb;
    --spjc-border-strong: #d1d5db;

    --spjc-ink: #111827;
    --spjc-ink-secondary: #374151;
    --spjc-ink-muted: #6b7280;
    --spjc-ink-faint: #9ca3af;

    --spjc-accent: #2563eb;
    --spjc-accent-hover: #1d4ed8;
    --spjc-accent-soft: #eff6ff;
    --spjc-accent-ring: rgba(37, 99, 235, 0.12);

    --spjc-sidebar-w: 252px;
    --spjc-sidebar-collapsed-w: 72px;

    --spjc-radius-xs: 6px;
    --spjc-radius-sm: 8px;
    --spjc-radius-md: 12px;
    --spjc-radius-lg: 16px;

    --spjc-shadow-xs: 0 1px 2px rgba(17, 24, 39, 0.04);
    --spjc-shadow-sm: 0 1px 3px rgba(17, 24, 39, 0.06), 0 1px 2px rgba(17, 24, 39, 0.04);
    --spjc-shadow-md: 0 4px 12px rgba(17, 24, 39, 0.08);

    --spjc-role-owner: #7c3aed;
    --spjc-role-manager: #2563eb;
    --spjc-role-support: #0891b2;
    --spjc-role-tech: #2563eb;
}

.spjc-portal-owner { --spjc-role-accent: var(--spjc-role-owner); }
.spjc-portal-manager { --spjc-role-accent: var(--spjc-role-manager); }
.spjc-portal-support { --spjc-role-accent: var(--spjc-role-support); }
.spjc-portal-technician { --spjc-role-accent: var(--spjc-role-tech); }

/* Dark theme — owner/manager/support portal shell only */
body.spjc-mgr-body[data-spjc-theme="dark"],
html[data-spjc-theme="dark"] body.spjc-mgr-body {
    --spjc-bg: #0b0f14;
    --spjc-surface: #151b23;
    --spjc-surface-hover: #1c2430;
    --spjc-border: #2a3441;
    --spjc-border-strong: #3d4a5c;

    --spjc-ink: #f3f4f6;
    --spjc-ink-secondary: #d1d5db;
    --spjc-ink-muted: #9ca3af;
    --spjc-ink-faint: #6b7280;

    --spjc-accent: #3b82f6;
    --spjc-accent-hover: #2563eb;
    --spjc-accent-soft: rgba(59, 130, 246, 0.14);
    --spjc-accent-ring: rgba(59, 130, 246, 0.22);

    --spjc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
    --spjc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --spjc-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
}

/* 2026 premium system tokens */
:root {
    --spjc-page-pad: clamp(14px, 2vw, 30px);
    --spjc-control-h: 46px;
    --spjc-control-radius: 12px;
    --spjc-card-radius: 18px;
    --spjc-premium-line: rgba(148, 163, 184, 0.22);
    --spjc-elevated-shadow: 0 18px 42px rgba(15, 23, 42, 0.09), 0 1px 2px rgba(15, 23, 42, 0.05);
    --spjc-soft-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    --spjc-success: #059669;
    --spjc-warning: #d97706;
    --spjc-danger: #dc2626;
    --spjc-cyan: #0891b2;
}

body.spjc-mgr-body[data-spjc-theme="dark"],
html[data-spjc-theme="dark"] body.spjc-mgr-body {
    --spjc-premium-line: rgba(100, 116, 139, 0.24);
    --spjc-elevated-shadow: 0 22px 50px rgba(0, 0, 0, 0.34);
    --spjc-soft-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}