/*
Theme Name: gab-reh
Theme URI: https://gab-reh.pl
Author: tophat.pl
Description: Motyw strony Gabinetu Rehabilitacyjnego Marta Sasin. Wersja 0.1.0 = strona w budowie.
Version: 0.1.0
Requires PHP: 8.1
Text Domain: gab-reh
*/

:root {
    --gr-bg: #0f1b2d;
    --gr-fg: #f4f7fb;
    --gr-muted: #9fb0c8;
    --gr-accent: #ff9a1f;
    --gr-space: 24px;
}

@layer base, layout;

@layer base {
    *, *::before, *::after { box-sizing: border-box; }
    html { height: 100%; }
    body {
        margin: 0;
        min-height: 100%;
        display: grid;
        place-items: center;
        background: var(--gr-bg);
        color: var(--gr-fg);
        font: 400 18px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
        -webkit-font-smoothing: antialiased;
    }
    a { color: var(--gr-accent); text-decoration: none; }
    a:hover, a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
    a:focus-visible { outline: 2px solid var(--gr-accent); outline-offset: 4px; }
}

@layer layout {
    .gr-hold {
        text-align: center;
        padding: calc(var(--gr-space) * 2) var(--gr-space);
        max-width: 560px;
    }
    .gr-hold__logo { width: 280px; max-width: 100%; height: auto; margin-bottom: calc(var(--gr-space) * 2); }
    .gr-hold__title { font-size: 1.5rem; font-weight: 600; margin: 0; }
}