/*
Theme Name: Potensia ASN
Theme URI: https://potensiaacademy.com/
Author: Potensia Academy
Author URI: https://potensiaacademy.com/
Description: Responsive application theme shell for Potensia ASN.
Version: 0.1.0-alpha.1
Requires at least: 6.8
Requires PHP: 8.2
Text Domain: potensia-asn
*/

:root {
    --pasn-navy: #0b2545;
    --pasn-teal: #087f8c;
    --pasn-mint: #e7f5f3;
    --pasn-gold: #a86b00;
    --pasn-canvas: #f4f7fa;
    --pasn-border: #d8e0e8;
    --pasn-success: #15803d;
    --pasn-error: #b42318;
    --pasn-radius: 8px;
    --pasn-space-1: 8px;
    --pasn-space-2: 16px;
    --pasn-space-3: 24px;
    --pasn-space-4: 32px;
    --pasn-space-5: 48px;
    --pasn-space-6: 64px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--pasn-canvas);
    color: var(--pasn-navy);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
}

a {
    color: var(--pasn-teal);
}

.pasn-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.pasn-site-header,
.pasn-site-footer {
    background: #fff;
    border-bottom: 1px solid var(--pasn-border);
}

.pasn-site-header__inner,
.pasn-site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    gap: var(--pasn-space-2);
}

.pasn-main {
    padding: var(--pasn-space-5) 0;
}

.pasn-card {
    background: #fff;
    border: 1px solid var(--pasn-border);
    border-radius: var(--pasn-radius);
    padding: var(--pasn-space-3);
}

@media (max-width: 640px) {
    .pasn-shell {
        width: min(100% - 24px, 1180px);
    }

    .pasn-site-header__inner,
    .pasn-site-footer__inner {
        min-height: 64px;
    }

    .pasn-main {
        padding: var(--pasn-space-3) 0;
    }
}