/* css/base/_variables.css */

/* Poppins – lokális betöltés (latin + latin-ext) – megtartva a meglévő oldalakhoz */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../../assets/fonts/poppins-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../assets/fonts/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../../assets/fonts/poppins-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../assets/fonts/poppins-700.woff2') format('woff2');
}

:root {
    /* Fő nyári színek */
    --c-pink: #F02491;
    --c-orange: #FF5722;
    --c-yellow: #FFC629;
    --c-turq: #27DDB5;
    --c-cyan: #21D9E6;

    /* Sötét és világos alapszínek */
    --c-offwhite: #FFF9ED;
    --c-petrol: #062B33;
    --c-burgundy: #3D071D;

    /* Deszaturált / pasztell háttérszínek */
    --bg-pink: #FCE1EE;
    --bg-coral: #FFDFD6;
    --bg-yellow: #FFF4D6;
    --bg-turq: #DAF7F0;
    --bg-cyan: #D8F7F9;

    /* Minta árnyalatok */
    --pat-pink: #F3B8D4;
    --pat-coral: #FFBCAA;
    --pat-yellow: #FFE38A;
    --pat-turq: #A6EAD8;
    --pat-cyan: #9EEAEE;

    /* Neo-brutalista változók */
    --border-width: 3px;
    --brutal-border: var(--border-width) solid var(--c-petrol);
    --brutal-shadow: 6px 6px 0 var(--c-petrol);
    --brutal-shadow-sm: 4px 4px 0 var(--c-petrol);
    --brutal-shadow-hover: 2px 2px 0 var(--c-petrol);

    /* Bootstrap override – szögletes */
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-radius-pill: 0;

    /* Bootstrap kompatibilitás (meglévő oldalakhoz) */
    --bs-primary: var(--c-petrol);
    --bs-secondary: #6c757d;
    --bs-light: var(--c-offwhite);
    --site-dark-bg: var(--c-petrol);
    --footer-text-color: var(--bg-cyan);
    --footer-subtle-text: rgba(255, 249, 237, 0.5);

    /* Tipográfia */
    --font-display: 'Anton', sans-serif;
    --font-body: 'Space Grotesk', 'Poppins', sans-serif;
    --bs-font-sans-serif: var(--font-body);
}