/*
 * Foremost Shortcodes – Base CSS
 * CSS custom properties + minimal reset for fm-* elements
 */

:root {
    --fm-blue-1:   #2DAFE6;
    --fm-blue-2:   #0C00FF;
    --fm-blue-3:   #BEE6F7;
    --fm-green-1:  #008842;
    --fm-orange-1: #E6711C;
    --fm-gray-1:   #5E5E5E;
    --fm-gray-2:   #414141;
    --fm-gray-3:   #A7A7A7;
    --fm-yellow-1: #FBBA00;
}

/* Scoped box-sizing reset */
.fm-header *,
.fm-header *::before,
.fm-header *::after,
.fm-footer *,
.fm-footer *::before,
.fm-footer *::after {
    box-sizing: border-box;
}

/* Font */
.fm-header,
.fm-footer {
    font-family: 'Sora', sans-serif;
}

/* Marquee keyframes for MainButton hover effect */
@keyframes fm-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Utility: visually hidden (sr-only) */
.fm-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}