/* ==========================================================================
   udi-theme — base: fonts, design tokens, light reset, utilities
   ========================================================================== */

/* Inter variable (self-hosted), weights 400–700 used across the design */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/inter-latin-ext.woff2') format('woff2');
    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-1EFF, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/inter-latin.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;
}

/* Cormorant Garamond variable (self-hosted) — display headings in sections */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/cormorant-garamond-latin-ext.woff2') format('woff2');
    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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/cormorant-garamond-latin.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 {
    --c-black: #000;
    --c-ink: #1c1b1f;      /* icon fill from the design */
    --c-white: #fff;
    --c-gray: #e5e5e5;     /* bars, borders, search pill */
    --c-gray-2: #d9d9d9;   /* decorative polygon */
    --c-accent: #b000ad;   /* "produkty według potrzeb" */
    --c-primary: #ed3166;  /* buttons */
    --c-heading: #282a2a;  /* section headings + header nav/topbar text */
    --c-text: #434646;     /* section body copy */
    --c-rose-050: #fbf7f8; /* header + mega panel background (jasny róż) */
    --c-rose-200: #efdbe2; /* footer copy, links, divider (jasny róż) */
    --c-footer-bg: #a75b76; /* footer background (mauve) */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --pad-x: 40px;
    --content-max: 1440px; /* Figma layout width = the page grid */
}

@media (max-width: 1023px) {
    :root {
        --pad-x: 20px;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: normal;
    color: var(--c-black);
    background: var(--c-white);
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

/* Only class-based lists are layout lists; editor content keeps bullets */
ul:where([class]),
ol:where([class]) {
    margin: 0;
    padding: 0;
    list-style: none;
}

button {
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.udi-icon {
    display: block;
}

.u-wrap {
    max-width: var(--content-max);
    margin-inline: auto;
    padding-inline: var(--pad-x);
}

/* Primary pill button (recurring across sections) */
.udi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: var(--c-primary);
    border: 1px solid var(--c-primary);
    border-radius: 100px;
    color: #fff;
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.udi-btn:hover,
.udi-btn:focus-visible {
    background: #fff;
    color: var(--c-primary);
}

/* Outline variant (black border on white) */
.udi-btn--outline {
    background: transparent;
    border-color: var(--c-black);
    color: var(--c-black);
}

.udi-btn--outline:hover,
.udi-btn--outline:focus-visible {
    background: var(--c-black);
    color: #fff;
}

/* Accessibility helpers */
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.skip-link:focus {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 1000;
    width: auto;
    height: auto;
    margin: 0;
    padding: 12px 20px;
    clip: auto;
    clip-path: none;
    background: var(--c-white);
    outline: 2px solid var(--c-accent);
    white-space: normal;
}