/*
 * Design tokens — Xtra Events / Kalendarz Radom
 * Paleta i typografia wg księgi znaku visitRadom.pl 2023.
 * UWAGA: nazwy zmiennych są kontraktem dla CSS theme + pluginu. Nie zmieniać nazw.
 */

/* ===== Raleway — self-hosted (latin + latin-ext) ===== */
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ===== Kolory — księga znaku visitRadom (str. 11) ===== */
    --c-brand:  #034EA2;  /* granatowy — kolor główny */
    --c-blue:   #29AAE2;  /* niebieski — dekoracja, tła (NIE do tekstu na białym) */
    --c-accent: #EF4223;  /* czerwony — akcenty, paski, duże elementy */
    --c-orange: #F58220;  /* pomarańczowy — dekoracja, paski */
    --c-black:  #030000;  /* czarny brandowy */

    /* Pochodne dla dostępności (WCAG) — używać do MAŁEGO tekstu: */
    --c-accent-dark:     #C4351A; /* przyciemniony czerwony, kontrast ≥ 4.5:1 na białym */
    --c-blue-tint:        #E9F6FD; /* tint niebieskiego — tło kalendarza */
    --c-blue-tint-border: #BFE3F7;

    /* ===== Rezerwa (kompatybilność ze starszymi tokenami) ===== */
    --c-brand-light:  var(--c-blue);
    --c-accent-light: var(--c-orange);
    --c-category:     var(--c-accent);

    /* ===== Neutralne ===== */
    --c-text:       #1A1A1A;
    --c-text-muted: #595959;
    --c-border:     #E3E6EA;
    --c-bg:         #FFFFFF;
    --c-bg-subtle:  #F5F6F8;

    /* ===== Typografia ===== */
    --font-body:    'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font: var(--font-body); /* rezerwa — nazwa używana przez starszy CSS */
    --fw-regular:   400;
    --fw-semibold:  600;
    --fw-bold:      700;
    --fw-extrabold: 800;

    /* ===== Spacing ===== */
    --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
    --s-6: 24px; --s-8: 32px; --s-12: 48px; --s-16: 64px;

    /* ===== Radius / layout ===== */
    --r-md: 8px; --r-lg: 12px;
    --container: 1200px;
}

/* Globalna typografia */
body {
    font-family: var(--font-body);
    font-weight: var(--fw-regular);
    color: var(--c-text);
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}
h1 { font-weight: var(--fw-extrabold); }
h2 { font-weight: var(--fw-bold); }
h3, h4 { font-weight: var(--fw-semibold); }