/* Designul site-ului (ADR 0017): hârtie albă, negru fără nuanță și un singur turcoaz, pentru ce e deschis sau activ.
 * Toate culorile și fonturile trec pe aici. Paginile folosesc doar aceste nume. */

/* Epilogue, de pe site, nu de la Google. Un singur fișier variabil acoperă grosimile 400–700. Licența: fonts/OFL.txt. */
@font-face {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/epilogue-latin-ext-BUcI-A3.woff2") format("woff2");
    /* Diacriticele românești: ă, â, î, ș, ț. */
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/epilogue-latin-f1gVmeI.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    color-scheme: light;

    /* Distanțele și mărimile textului. */
    --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px; --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 144px;
    --text-xs: 0.8125rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.25rem; --text-xl: 1.5625rem; --text-2xl: 1.953rem; --text-3xl: 2.441rem;
    --text-display-s: clamp(2.25rem, 4vw + 0.5rem, 3.75rem); --text-display: clamp(2.5rem, 4.4vw + 1rem, 5.25rem);
    --text-section: clamp(1.875rem, 2.5vw + 1rem, 3.25rem); --text-title: clamp(1.25rem, 0.75vw + 0.875rem, 1.625rem); --text-lead: clamp(1.125rem, 0.35vw + 1rem, 1.375rem);

    /* Mișcarea. */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.7, 0, 0.84, 0); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;

    /* Culorile. Turcoazul (accent) înseamnă „deschis”: o etichetă, o legătură sub mouse, conturul de focus. */
    --color-paper: oklch(99.5% 0.003 100); --color-paper-2: oklch(97% 0.004 100); --color-paper-3: oklch(94% 0.006 100);
    --color-ink: oklch(16% 0.005 100); --color-ink-2: oklch(28% 0.005 100); --color-muted: oklch(44% 0.005 100);
    --color-rule: oklch(89% 0.004 100); --color-rule-2: oklch(93.5% 0.003 100);
    --color-accent: oklch(50% 0.095 188); --color-accent-ink: oklch(99.5% 0.003 100); --color-accent-soft: oklch(93% 0.05 190); --color-accent-soft-ink: oklch(27% 0.045 190);
    --color-focus: oklch(50% 0.095 188);
    --color-error: oklch(52% 0.19 27);

    --font-display: "Epilogue", ui-sans-serif, system-ui, sans-serif; --font-body: var(--font-display);
    --radius-card: 12px; --radius-control: 10px; --radius-pill: 999px; --rule-hair: 1px;
    --shadow-card: 0 20px 40px oklch(20% 0 0 / 0.16);
    --tracking-display: -0.04em; --tracking-head: -0.02em; --display-weight: 700;
}