/* ============================================================ Motyw alternatywny: „Elegancja" Aktywny wyłącznie przy . Elegancki, premium wariant: refined granat, szlachetne złoto, tło w kolorze kości, dużo światła i cienkie złote linie. Detale zamiast krzykliwości — złote nadtytuły, romb ◆, subtelne obwódki. Typografia Manrope (już wczytany). Układ bez zmian. Kontrasty WCAG 2.2 AA: złoto do tekstu na jasnym #7E6027 (5,3:1), na granacie #C39A4E (4,96:1), przyciski złote = tekst granatowy (nie biały). ============================================================ */ /* ---------- Tokeny ---------- */ [data-theme="regaty"] { --c-primary: #10315E; /* refined granat */ --c-primary-dark: #0B2444; --c-accent: #C39A4E; /* złoto — na granacie i liniach */ --c-gold-ink: #7E6027; /* złoto do tekstu na jasnym tle */ --c-sky: #EEE2C6; /* szampan — delikatne wyróżnienia */ --c-surface: #EFEBE1; /* ciepły panel */ --c-ink: #23262B; /* grafit tekstu */ --c-muted: #6B6459; /* stonowana szarość */ --c-line: #E3DCCC; /* delikatna linia */ --c-bg: #F7F4EE; /* kość */ --radius: 10px; --shadow: 0 8px 30px rgba(35, 38, 43, 0.07); background: var(--c-bg); } [data-theme="regaty"] body { background: var(--c-bg); background-image: none; } [data-theme="regaty"] ::selection { background: var(--c-accent); color: var(--c-primary-dark); } /* ---------- Typografia ---------- */ [data-theme="regaty"] .hero__title, [data-theme="regaty"] .section__title, [data-theme="regaty"] .card__title, [data-theme="regaty"] .site-header__line1, [data-theme="regaty"] .site-footer__brand { font-weight: 700; letter-spacing: -0.015em; } /* ---------- Nagłówek — cienka złota kreska u góry ---------- */ [data-theme="regaty"] .site-header { background: rgba(247, 244, 238, 0.92); border-bottom: 1px solid var(--c-line); border-top: 2px solid var(--c-accent); } [data-theme="regaty"] .site-header__line2 { color: var(--c-muted); letter-spacing: 0.18em; } /* ---------- Hero — film na całą szerokość, napisy na wierzchu ---------- */ /* Granatowy podkład pod filmem: gdy wideo się nie wczyta, biały tekst nadal ma ciemne tło (kontrast WCAG), a nie kremowe. */ [data-theme="regaty"] .hero { background: linear-gradient(150deg, #0B2444 0%, var(--c-primary) 60%, #163f77 100%); } [data-theme="regaty"] .hero::after { clip-path: none; height: 0; background: none; } /* Film/zdjęcie na całą szerokość, napisy na wierzchu (hero__media z main.css pozostaje absolutnie na inset:0). Szlachetna granatowa zasłona dla czytelności. */ [data-theme="regaty"] .hero--media { min-height: clamp(460px, 72vh, 720px); display: flex; align-items: center; } [data-theme="regaty"] .hero--media::before { background: linear-gradient(180deg, rgba(11, 36, 68, 0.55) 0%, rgba(11, 36, 68, 0.32) 42%, rgba(11, 36, 68, 0.72) 100%), radial-gradient(ellipse 72% 80% at 50% 46%, rgba(11, 36, 68, 0.18), rgba(11, 36, 68, 0.5) 88%); } [data-theme="regaty"] .hero--media .hero__inner { position: relative; z-index: 2; max-width: 46rem; margin-inline: auto; text-align: center; padding-block: clamp(4rem, 10vh, 8rem); } [data-theme="regaty"] .hero--media .hero__title { color: #fff; font-weight: 600; font-size: clamp(2.5rem, 5.4vw, 4.1rem); line-height: 1.05; text-shadow: 0 2px 26px rgba(4, 17, 44, 0.55); } /* Złoty romb z liniami — wyśrodkowany */ [data-theme="regaty"] .hero__title::after { content: ''; display: block; width: 124px; height: 12px; margin: 1.3rem auto 1.1rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 12'%3E%3Cg stroke='%23C39A4E' stroke-width='1'%3E%3Cline x1='0' y1='6' x2='50' y2='6'/%3E%3Cline x1='74' y1='6' x2='124' y2='6'/%3E%3C/g%3E%3Cpath d='M62 2 67 6 62 10 57 6Z' fill='%23C39A4E'/%3E%3C/svg%3E") center / contain no-repeat; } [data-theme="regaty"] .hero--media .hero__tagline { color: #EFE7D3; letter-spacing: 0.01em; margin: 0 auto 2.25rem; max-width: 34rem; text-shadow: 0 1px 12px rgba(4, 17, 44, 0.6); } [data-theme="regaty"] .hero--media .hero__actions { justify-content: center; } [data-theme="regaty"] .hero__pause { background: rgba(11, 36, 68, 0.6); border-color: rgba(195, 154, 78, 0.8); } /* Przyciski — złoty (tekst granatowy) + subtelny obrys */ [data-theme="regaty"] .button { letter-spacing: 0.03em; } [data-theme="regaty"] .button--primary { background: var(--c-accent); color: var(--c-primary-dark); } [data-theme="regaty"] .button--primary:hover { background: #D4AF63; color: var(--c-primary-dark); } [data-theme="regaty"] .button--ghost { border-color: rgba(255, 255, 255, 0.7); } /* ---------- Nagłówki sekcji — złota linia z rombem ---------- */ [data-theme="regaty"] .section { padding-block: 4rem; } [data-theme="regaty"] .section__title { color: var(--c-primary); } [data-theme="regaty"] .section__title::after { width: 124px; height: 12px; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 12'%3E%3Cg stroke='%23C39A4E' stroke-width='1'%3E%3Cline x1='0' y1='6' x2='48' y2='6'/%3E%3Cline x1='76' y1='6' x2='124' y2='6'/%3E%3C/g%3E%3Cpath d='M62 2 67 6 62 10 57 6Z' fill='%23C39A4E'/%3E%3C/svg%3E") center / contain no-repeat; margin-top: 1rem; } [data-theme="regaty"] .section--band .section__title { color: #fff; } [data-theme="regaty"] .section--band .section__title::after { filter: none; } /* ---------- Sekcje ---------- */ [data-theme="regaty"] .section--alt { background-color: var(--c-surface); background-image: none; } [data-theme="regaty"] .section--band { background: linear-gradient(180deg, var(--c-primary), var(--c-primary-dark)); border-block: 1px solid rgba(195, 154, 78, 0.35); } [data-theme="regaty"] .more-link { border-color: var(--c-gold-ink); color: var(--c-gold-ink); } [data-theme="regaty"] .more-link:hover { background: var(--c-primary); color: #fff; } [data-theme="regaty"] .more-link--light { border-color: rgba(195, 154, 78, 0.7); color: #fff; } [data-theme="regaty"] .more-link--light:hover { background: var(--c-accent); color: var(--c-primary-dark); } /* ---------- Karty — cienka złota linia, złoty nadtytuł ---------- */ [data-theme="regaty"] .card { background: #fff; border: 1px solid var(--c-line); box-shadow: var(--shadow); } [data-theme="regaty"] .card:hover { border-color: rgba(195, 154, 78, 0.6); box-shadow: 0 16px 40px rgba(35, 38, 43, 0.13); } [data-theme="regaty"] .card__title { color: var(--c-primary); } [data-theme="regaty"] .card__link:hover .card__title { color: var(--c-gold-ink); text-decoration: none; } /* Kategoria — złoty nadtytuł WERSALIKAMI, bez tła */ [data-theme="regaty"] .card__badge { background: none; color: var(--c-gold-ink); padding: 0; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; } [data-theme="regaty"] .card__placeholder { background: linear-gradient(135deg, var(--c-sky), var(--c-surface)); } /* ---------- Kafle — granat ze złotą obwódką i ikoną ---------- */ [data-theme="regaty"] .tile { background: linear-gradient(155deg, var(--c-primary), var(--c-primary-dark)); border: 1px solid rgba(195, 154, 78, 0.3); box-shadow: var(--shadow); } [data-theme="regaty"] .tile:hover { filter: none; border-color: rgba(195, 154, 78, 0.75); box-shadow: 0 14px 36px rgba(35, 38, 43, 0.2); } [data-theme="regaty"] .tile--trasy-piesze, [data-theme="regaty"] .tile--trasy-rowerowe, [data-theme="regaty"] .tile--szlaki-tematyczne, [data-theme="regaty"] .tile--mapa, [data-theme="regaty"] .tile--spacer { background: linear-gradient(155deg, var(--c-primary), var(--c-primary-dark)); } [data-theme="regaty"] .tile__icon { color: var(--c-accent); } [data-theme="regaty"] .tile--placeholder { background: var(--c-surface); border: 1px solid var(--c-line); color: var(--c-muted); opacity: 1; } [data-theme="regaty"] .tile--placeholder .tile__icon { color: #C9BFA6; } [data-theme="regaty"] .tile--placeholder .tile__more { color: var(--c-gold-ink); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.72rem; } [data-theme="regaty"] .tile--info { background: #fff; color: var(--c-primary); border: 1px solid var(--c-line); box-shadow: var(--shadow); } [data-theme="regaty"] .tile--info:hover { background: #fff; border-color: rgba(195, 154, 78, 0.6); color: var(--c-primary); } /* Ikona na białym kaflu w ciemniejszym złocie — kontrast 3:1 (WCAG 1.4.11) */ [data-theme="regaty"] .tile--info .tile__icon { color: var(--c-gold-ink); } /* ---------- Karuzela ---------- */ [data-theme="regaty"] .slider__btn { background: var(--c-primary); } [data-theme="regaty"] .slider__btn:hover { background: var(--c-accent); color: var(--c-primary-dark); } [data-theme="regaty"] .slider__dot { border-color: var(--c-primary); } /* Ciemniejsze złoto na aktywnej kropce — kontrast 3:1 na jasnym tle (WCAG 1.4.11) */ [data-theme="regaty"] .slider__dot.is-active { background: var(--c-gold-ink); border-color: var(--c-gold-ink); } /* ---------- Lista wydarzeń ---------- */ [data-theme="regaty"] .event-item { background: #fff; border: 1px solid var(--c-line); box-shadow: var(--shadow); } [data-theme="regaty"] .event-item:hover { border-color: rgba(195, 154, 78, 0.6); box-shadow: 0 14px 34px rgba(35, 38, 43, 0.13); } [data-theme="regaty"] .event-item__badge { background: linear-gradient(155deg, var(--c-primary), var(--c-primary-dark)); border: 1px solid rgba(195, 154, 78, 0.4); border-radius: 8px; } [data-theme="regaty"] .event-item__title { color: var(--c-primary); } [data-theme="regaty"] .event-item__title:hover { color: var(--c-gold-ink); } [data-theme="regaty"] .event-item__meta a { color: var(--c-gold-ink); } /* ---------- Kalendarz ---------- */ [data-theme="regaty"] .event-calendar__table { background: #fff; border: 1px solid var(--c-line); } [data-theme="regaty"] .event-calendar__table caption { background: linear-gradient(120deg, var(--c-primary), var(--c-primary-dark)); } [data-theme="regaty"] .event-calendar__table th { color: var(--c-primary); } [data-theme="regaty"] .event-calendar__empty { background: #F3EFE6; } [data-theme="regaty"] .event-calendar__has-events { background: var(--c-sky); } [data-theme="regaty"] .event-calendar__has-events .event-calendar__day { color: var(--c-primary); } [data-theme="regaty"] .event-calendar__event { color: var(--c-gold-ink); } [data-theme="regaty"] .event-calendar__dot { background: var(--c-gold-ink); } /* ---------- Stopka — granat, złote nagłówki, złota kreska ---------- */ [data-theme="regaty"] .site-footer { background: linear-gradient(180deg, var(--c-primary), var(--c-primary-dark)); border-top: 2px solid var(--c-accent); } [data-theme="regaty"] .site-footer::before { display: none; } [data-theme="regaty"] .site-footer a:hover { color: var(--c-accent); } [data-theme="regaty"] .site-footer__heading { color: var(--c-accent); letter-spacing: 0.18em; } [data-theme="regaty"] .icon-btn--footer:hover { background: var(--c-accent); color: var(--c-primary-dark); } /* ---------- Pozostałe ---------- */ [data-theme="regaty"] .pagination .page-numbers.current { background: var(--c-primary); border-color: var(--c-primary); }