@import url('./components/profile.css');
@import url('./components/stories.css');
@import url('./components/gallery.css');
@import url('./components/contentTabs.css');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

:root{
    --base: #fafafa;
    --maxWidth: 900px;
    --links: #00376b;
    --accent: #0095f6;
    --text-color: #262626;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "PT Sans", sans-serif;
}

body{
    min-height: 100vh;
    background: var(--base);
    color: var(--text-color);
}

/* ====== UTILITY CLASSES ====== */
.cta{
    color: #ffffff;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 4px;
    background: var(--accent);
}

.mb-1rem{
    margin-bottom: 1rem;
}

.mb-2rem{
    margin-bottom: 2rem;
}

.inner-wrap{
    margin: auto;
    max-width: var(--maxWidth);
}

/* ====== BASE STYLES ====== */
ul{
    list-style: none;
}

a{
    text-decoration: none;
}

img{
    width: 100%;
    object-fit: cover;
}

button{
    border: none;
    outline: none;
}