/* ======================================
   Atma Font Faces
====================================== */
@font-face {
    font-family: 'Atma';
    src: url('../fonts/Atma-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Atma';
    src: url('../fonts/Atma-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Atma';
    src: url('../fonts/Atma-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Atma';
    src: url('../fonts/Atma-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Atma';
    src: url('../fonts/Atma-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* ======================================
   Basic Reset
====================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ======================================
   Body & Typography
====================================== */
body {
    font-family: 'Atma', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #c3c3c3;
    background-color: #000f28;
} 
p {
    margin-bottom: 1rem;
} 
a {
    text-decoration: none; 
}

a:hover {
    text-decoration: underline;
}
 
button {
    font-family: 'Atma', sans-serif;
    cursor: pointer;
}
 

.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }