:root{
    --sk-page-max:1600px;
    --sk-page-gutter:32px;

    --sk-bg:#f5f8fc;
    --sk-card:#ffffff;
    --sk-text:#0f243d;
    --sk-muted:#536276;
    --sk-border:#e4ebf1;

    --sk-radius-sm:14px;
    --sk-radius-md:22px;
    --sk-radius-lg:28px;

    --sk-shadow:0 18px 45px rgba(15,36,61,.06);
    --sk-shadow-strong:0 28px 70px rgba(15,36,61,.14);
}

body{
    background:var(--sk-bg);
}

.sk-page-container{
    width:calc(100% - (var(--sk-page-gutter) * 2));
    max-width:var(--sk-page-max);
    margin:0 auto;
}

.sk-card{
    background:var(--sk-card);
    border:1px solid var(--sk-border);
    border-radius:var(--sk-radius-lg);
    box-shadow:var(--sk-shadow);
}

@media(max-width:700px){
    :root{
        --sk-page-gutter:20px;
    }
}