/* PaxHub Rebrand — Responsive layer */

@media (max-width: 1024px) {
    :root { --ph-radius-xl:18px; }
    .max-w-7xl { max-width:100%; }
}

@media (max-width: 768px) {
    nav.sticky, nav[class*="sticky"] { backdrop-filter:blur(14px); }
    h1 { font-size:clamp(1.8rem,7vw,2.55rem) !important; line-height:1.1 !important; }
    h2 { font-size:clamp(1.45rem,5vw,2rem) !important; }
    .group.relative[class*="border"]:hover { transform:none !important; }
    #toastContainer { left:1rem; right:1rem; bottom:1rem; width:auto; max-width:none; }
}

@media (max-width: 640px) {
    body { font-size:15px; }
    .font-mono { font-size:.78rem; }
    .toast { padding:12px 14px; }
    .toast-icon-bg { width:32px; height:32px; border-radius:9px; }
    [class*="rounded-2xl"], [class*="rounded-xl"] { border-radius:14px; }
}

@media (prefers-color-scheme: light) {
    :root {
        color-scheme:light;
        --ph-bg:#f5f7fb;
        --ph-bg-soft:#eef1f6;
        --ph-surface:#ffffff;
        --ph-surface-2:#f8f9fc;
        --ph-surface-3:#eef1f6;
        --ph-border:#dbe1ea;
        --ph-border-soft:rgba(21,31,45,.11);
        --ph-text:#172033;
        --ph-text-soft:#4e5a6d;
        --ph-text-muted:#6d7889;
        --ph-shadow-sm:0 2px 10px rgba(27,39,56,.08);
        --ph-shadow-md:0 14px 36px rgba(27,39,56,.11);
        --ph-shadow-lg:0 24px 70px rgba(27,39,56,.16);
    }
    body::before { background:radial-gradient(circle at 8% 0%,rgba(139,108,255,.10),transparent 32%), radial-gradient(circle at 92% 12%,rgba(43,213,166,.08),transparent 30%), linear-gradient(180deg,#f7f8fb,#eef2f7); }
    nav.sticky, nav[class*="sticky"] { background:rgba(255,255,255,.88) !important; }
    .text-white, .text-zinc-50 { color:var(--ph-text) !important; }
    .text-zinc-300 { color:var(--ph-text-soft) !important; }
}