/* ==========================================================
   DESIGN TOKENEK (tokens)
   ----------------------------------------------------------
   Central location for all CSS custom properties.
   Controls the entire visual identity of the site.

   Change a value here → it updates everywhere.
   ========================================================== */

/* ==========================================================
   TYPEFACE — local, STATIC Montserrat (WOFF2)
   ----------------------------------------------------------
   Previously loaded from the Google Fonts css2 API, which serves a
   VARIABLE font to modern browsers (single wght-axis file). Chrome
   embeds variable fonts into print/PDF as Type 3 (raster) glyphs →
   blurry at 100%. Local STATIC weights embed as real vector (TrueType)
   instead, and remove the external (Google) request on load (faster,
   GDPR-friendly, works offline). Mirrors the CV's setup for consistency.
   Files: assets/fonts/montserrat-*.woff2
   Weights used by the portfolio: 400/500/600/700/800 + 500 italic.
   The lone 300-weight (decorative quote mark) maps to the 400 file. */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-800.woff2') format('woff2');
}
/* az egyetlen 300-as dekoratív idézőjel a 400-as fájlra esik */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-500i.woff2') format('woff2');
}

:root {
    /* ----- Színpaletta ----- */
    --color-background:           #030817;
    --color-primary:              #00A8FF;
    --color-secondary:            #A84DFF;
    --color-accent:               #FF9800;
    --color-text:                 #B8C4D6;
    --color-white:                #FFFFFF;
    --color-muted:                #8290ab;
    --color-cyan:                 #3fd2ff;
    --color-violet:               #9a6bff;
    --color-green-success:        #64c95d;
    --color-green-tag:            #4ADE80;
    --color-infra-cyan:           #35e7ff;

    /* ----- Áttetszőség / üveg-hatás ----- */
    --color-panel:                rgba(10, 18, 38, .55);
    --color-panel-border:         rgba(0, 168, 255, .12);
    --color-line:                 rgba(0, 168, 255, .12);

    /* ----- Elrendezés ----- */
    --layout-max-width:           1440px;

    /* ----- Tipográfia ----- */
    --font-family-primary:        'Montserrat', sans-serif;
}