/* ============================================================
GALILEO — Autorskie Szkoły · Design tokens
System "Liquid Glass" (iOS 27): dwa materiały —
A (ciemny, nocny) i B (jasny, mleczny) — przełączane
atrybutem data-theme na .
Kolory marki pochodzą z księgi znaku.
============================================================ */
:root {
/* --- Kolory marki (brand kit) --- */
--navy: #223563;
--coral: #da3c3e;
--light-blue: #a8c3cf;
--lavender: #f2edf5;
--deep-pink: #d55197;
--pink: #e1799f;
--magenta: #a43287; /* magenta z oficjalnego banera marki */
--soft-purple: #ad9dc5;
--white: #ffffff;
/* --- Odcienie nieba --- */
--night-1: #0d1730;
--night-2: #16234a;
--night-3: #1c2c56;
--day-sky-1: #cfe0e8;
--day-sky-2: #a8c3cf;
--day-glow: #fdf4ec;
/* --- Typografia --- */
--font-display: 'Literata', Georgia, serif;
--font-body: 'Source Serif 4', 'Source Serif Pro', Georgia, serif;
--text-base: clamp(1.02rem, 0.95rem + 0.35vw, 1.15rem);
--text-lead: clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem);
--text-h2: clamp(2rem, 1.4rem + 2.6vw, 3.1rem);
--text-h3: clamp(1.4rem, 1.2rem + 0.9vw, 1.9rem);
--text-hero: clamp(2.6rem, 1.6rem + 5vw, 4.8rem);
/* --- Rytm przestrzeni --- */
--space-section: clamp(4.5rem, 3rem + 6vw, 8.5rem);
--container: 1240px;
/* --- Kształt --- */
--radius-s: 14px;
--radius-m: 22px;
--radius-l: 30px;
--radius-pill: 999px;
/* --- Sprężyny (fizyka iOS) --- */
--spring: cubic-bezier(0.32, 1.22, 0.36, 1);
--spring-fast: 320ms var(--spring);
--spring-med: 480ms var(--spring);
--spring-slow: 680ms var(--spring);
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--dur-fast: 250ms;
--dur-med: 500ms;
}
/* prawdziwa krzywa sprężyny tam, gdzie przeglądarka ją zna */
@supports (transition-timing-function: linear(0, 1)) {
:root {
--spring: linear(0, 0.019 1.7%, 0.078 3.6%, 0.283 7.8%, 0.652 14%,
0.809 17.6%, 0.921 21.3%, 0.997 25.1%, 1.046 29.5%, 1.066 34.5%,
1.062 41.3%, 1.008 62%, 0.996 81.5%, 1);
}
}
/* ============================================================
MOTYW A — CIEMNA STRONA (noc, szkło z refrakcją)
============================================================ */
body[data-theme="dark"] {
--page-bg: linear-gradient(180deg, var(--night-1) 0%, var(--night-2) 55%, var(--navy) 100%);
--ink: var(--lavender);
--ink-soft: var(--light-blue);
--ink-strong: var(--white);
--accent: var(--pink);
/* materiał szkła — granatowa tinta (dyfuzja treści z iOS 27):
tekst czytelny nawet nad jaskrawą zorzą, szkło zostaje szkłem */
--panel-bg: rgba(22, 35, 74, 0.44);
--panel-blur: blur(17px) saturate(170%); /* mniejszy promień = tańszy scroll */
--panel-hi: rgba(255, 255, 255, 0.5); /* jaśniejszy blik krawędzi = ostrość */
--panel-ring: rgba(6, 10, 26, 0.55); /* mocniejsza ciemna obwódka */
--panel-shadow: 0 28px 70px rgba(6, 10, 26, 0.55);
--panel-hover-bg: rgba(255, 255, 255, 0.12);
--menu-bg: rgba(19, 30, 63, 0.82); /* rozwijane menu — mniej prześwitu niż zwykłe szkło */
--opt-bg: #131e3f; /* natywne