/* Tokeny marki EBAN Chemicals — nadpisują defaulty rodzica (shopkit-theme
   global/theme.css). Tailwind v4 trzyma tokeny jako CSS custom properties,
   więc reskin stron sklepowych nie wymaga rebuildu rodzica.

   Landing (front-page.php) ma WŁASNY arkusz lp.css z własnym @theme —
   ten plik obsługuje przyszłe strony stylowane rodzicem (konto, koszyk,
   checkout) oraz dostarcza @font-face marki dla całego serwisu. */

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('resources/fonts/archivo-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('resources/fonts/archivo-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('resources/fonts/archivo-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('resources/fonts/archivo-800.woff2') format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('resources/fonts/ibm-plex-sans-400.woff2') format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('resources/fonts/ibm-plex-sans-500.woff2') format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('resources/fonts/ibm-plex-sans-600.woff2') format('woff2');
}

:root {
    --color-primary: #0c3a5e;
    --color-primary-dark: #082941;
    --color-primary-light: #5b7a90;
    --color-primary-hover: var(--color-primary-light);
    --color-accent: #0246ff;
    --color-accent-soft: #7fd4f2;
    --color-accent-dark: #0233b8;
    --color-lav: #6fa7cc;
    --color-lav-soft: #c3e2f2;
    --color-text: #35505f;
    --color-border: #dde7ed;
    --color-page: #f7fafc;
    --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-heading: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
}