:root {
    --brand-navy: #0b2a52;
    --brand-navy-2: #123c73;
    --brand-blue: #1d4ed8;
    --brand-orange: #ff5a1f;

    --brand-text: #1e293b;
    --brand-muted: #64748b;

    --brand-orange-soft: #fff2ec;
    --brand-sky-soft: #eef7ff;
    --brand-green-soft: #edf9f1;
    --brand-purple-soft: #f4efff;

    --brand-line: rgba(11, 42, 82, 0.10);
    --brand-line-soft: rgba(11, 42, 82, 0.06);

    --shadow-main: 0 20px 60px rgba(11, 42, 82, 0.14);
    --shadow-soft: 0 10px 24px rgba(11, 42, 82, 0.08);

    --chart-card-radius: 22px;
    --chart-card-border: rgba(11, 42, 82, 0.06);
    --chart-card-shadow: 0 10px 24px rgba(11, 42, 82, 0.06);
    --chart-height: 250px;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    font-family: "Prompt", sans-serif;
    color: var(--brand-text);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.08), transparent 20%),
        radial-gradient(circle at bottom right, rgba(255, 90, 31, 0.06), transparent 18%),
        linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

a {
    text-decoration: none;
}

.page-wrap {
    padding: 0 0 60px;
}

.container-main {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.btn-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    filter: grayscale(0.15);
}

@media (max-width: 1199.98px) {
    .container-main {
        padding: 0 18px;
    }
}

@media (max-width: 767.98px) {
    .container-main {
        padding: 0 16px;
    }

    :root {
        --chart-height: 260px;
    }
}

@media (max-width: 575.98px) {
    .page-wrap {
        padding-bottom: 42px;
    }
}

body {
    font-weight: 400;
    letter-spacing: 0.2px;
}