/** * Postcard — tokeny. * * Kolory nadpisuje wd_palette_css() regułą :root wstrzykiwaną w ; * wartości poniżej to paleta „blue” (domyślna, zgodna z eksportami). * Fonty lokalne — strona gości nie sięga po żadne CDN. */ @font-face { font-family: 'EB Garamond'; src: url('../fonts/ebgaramond-latin.woff2') format('woff2'); font-weight: 400 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2026; } @font-face { font-family: 'EB Garamond'; src: url('../fonts/ebgaramond-latin-ext.woff2') format('woff2'); font-weight: 400 600; font-style: normal; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; } @font-face { font-family: 'La Belle Aurore'; src: url('../fonts/labelleaurore-400-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2026; } @font-face { font-family: 'La Belle Aurore'; src: url('../fonts/labelleaurore-400-latin-ext.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; } :root { /* Paleta (blue) — nadpisywana per strona */ --c-ink: #394053; --c-stripe: #747B8C; --c-stripe-dark: #535C74; --c-paper: #E9E3D7; --c-polaroid: #CDCED2; --c-tape: #636A7C; /* Stałe niezależne od palety */ --c-album: #1E1E1E; /* ciemne tło albumu pod sekcjami */ --c-white: #F6F4EF; /* białe papiery w stosie */ --font-body: 'EB Garamond', Georgia, 'Times New Roman', serif; --font-script: 'La Belle Aurore', 'Bradley Hand', 'Segoe Script', cursive; /* Pasy tła: monitor 145 jasny + 65 ciemny (okres 210), telefon 47 + 21 (okres 68). Przesunięcie wyśrodkowuje wzór tak jak w projekcie. */ --stripes: repeating-linear-gradient(90deg, var(--c-stripe-dark) 0 65px, var(--c-stripe) 65px 210px); --stripes-size: 210px 100%; --stripes-pos: calc(50% + 72.5px) 0; /* Choreografia wejściówki */ --entry-hold: 2000ms; --entry-exit: 800ms; --veil-t: 650ms; } @media (max-width: 740px) { :root { --stripes: repeating-linear-gradient(90deg, var(--c-stripe-dark) 0 21px, var(--c-stripe) 21px 68px); --stripes-size: 68px 100%; --stripes-pos: calc(50% - 10.5px) 0; } }