:root{
 --pk-brand:#03989e;--pk-brand-strong:#007d84;--pk-brand-soft:#e9f6f6;--pk-brand-ring:#03989e33;
 --pk-canvas:#f4f7fb;--pk-surface:#fff;--pk-surface-soft:#f7f9fc;--pk-ink:#18232c;--pk-muted:#657481;--pk-border:#dce4eb;
 --pk-nav-start:#1c2831;--pk-nav-end:#111a21;--pk-radius-sm:8px;--pk-radius-control:11px;--pk-radius-card:20px;
 --pk-shadow:0 14px 35px rgba(28,48,66,.08);--pk-shadow-overlay:0 24px 70px rgba(17,26,33,.2);
 --pk-space-1:4px;--pk-space-2:8px;--pk-space-3:12px;--pk-space-4:16px;--pk-space-5:22px;--pk-space-6:28px;
 --pk-font:Inter,'Segoe UI',Arial,sans-serif;--pk-success:#2e8a52;--pk-warning:#b96d11;--pk-danger:#b63d4b;
 --sf-bg:var(--pk-canvas);--sf-surface:var(--pk-surface);--sf-charcoal:var(--pk-ink);--sf-muted:var(--pk-muted);--sf-line:var(--pk-border);--sf-radius:var(--pk-radius-card);--sf-shadow:var(--pk-shadow);--sf-teal:var(--pk-brand);
}