/*

Theme Name: NairaFX Core

Theme URI: https://nairafxchange.com/

Author: NairaFX

Description: Lightweight presentation theme for the NairaFX platform.

Version: 1.0.0

Text Domain: nairafx-core

*/
:root {

    --nfx-bg: #020914;

    --nfx-panel: #08192b;

    --nfx-panel-soft: #0c2135;

    --nfx-border: #1b3a55;

    --nfx-text: #f8fbff;

    --nfx-muted: #9bc0e6;

    --nfx-green: #12db76;

    --nfx-green-dark: #079b4d;

}



* {

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

}



body {

    margin: 0;

    color: var(--nfx-text);

    background: var(--nfx-bg);

    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}



a {

    color: inherit;

    text-decoration: none;

}



.nairafx-core-skip-link {

    position: fixed;

    top: -100px;

    left: 16px;

    z-index: 99999;

    padding: 10px 14px;

    color: #00170b;

    background: var(--nfx-green);

    border-radius: 8px;

}



.nairafx-core-skip-link:focus {

    top: 16px;

}



.nairafx-core-header {

    position: relative;

    z-index: 20;

    border-bottom: 1px solid rgba(108, 159, 201, 0.18);

    background: rgba(2, 9, 20, 0.97);

}



.nairafx-core-header__inner {

    display: flex;

    align-items: center;

    gap: 28px;

    width: min(1400px, 100%);

    min-height: 76px;

    margin: 0 auto;

    padding: 14px 28px;

}



.nairafx-core-brand {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-right: auto;

    color: #fff;

    font-size: 24px;

    font-weight: 800;

    letter-spacing: -0.04em;

}



.nairafx-core-brand__mark,

.nairafx-core-brand span span {

    color: var(--nfx-green);

}



.nairafx-core-brand__mark {

    font-size: 30px;

    transform: rotate(-12deg);

}



.nairafx-core-nav,

.nairafx-core-header__actions {

    display: flex;

    align-items: center;

    gap: 20px;

}



.nairafx-core-nav a,

.nairafx-core-header__actions a {

    color: #dcecff;

    font-size: 14px;

    font-weight: 700;

}



.nairafx-core-nav a:hover,

.nairafx-core-header__actions a:hover {

    color: var(--nfx-green);

}



.nairafx-core-header__join {

    padding: 11px 16px;

    color: #00170b !important;

    background: var(--nfx-green);

    border-radius: 8px;

}



.nairafx-core-header__join:hover {

    color: #00170b !important;

    background: #57ed9d;

}



.nairafx-core-content {

    min-height: calc(100vh - 190px);

}



.nairafx-core-page {

    margin: 0;

}



.nairafx-core-footer {

    border-top: 1px solid rgba(108, 159, 201, 0.18);

    background: #010711;

}



.nairafx-core-footer__inner {

    display: grid;

    grid-template-columns: 1.2fr auto auto;

    gap: 32px;

    align-items: center;

    width: min(1400px, 100%);

    margin: 0 auto;

    padding: 32px 28px;

}



.nairafx-core-footer strong {

    font-size: 20px;

}



.nairafx-core-footer strong span {

    color: var(--nfx-green);

}



.nairafx-core-footer p {

    margin: 6px 0 0;

    color: var(--nfx-muted);

    font-size: 14px;

}



.nairafx-core-footer__links {

    display: flex;

    gap: 18px;

    color: var(--nfx-muted);

    font-size: 14px;

}



.nairafx-core-footer__links a:hover {

    color: var(--nfx-green);

}



.nairafx-core-footer__copyright {

    white-space: nowrap;

}



@media (max-width: 900px) {

    .nairafx-core-header__inner {

        flex-wrap: wrap;

        gap: 14px;

        padding: 14px 18px;

    }



    .nairafx-core-nav {

        order: 3;

        flex-basis: 100%;

        gap: 14px;

        overflow-x: auto;

        padding-bottom: 4px;

    }



    .nairafx-core-footer__inner {

        grid-template-columns: 1fr;

        gap: 18px;

        padding: 28px 18px;

    }

}



@media (max-width: 560px) {

    .nairafx-core-brand {

        font-size: 21px;

    }



    .nairafx-core-nav {

        font-size: 13px;

    }



    .nairafx-core-header__actions {

        gap: 12px;

    }

}