/*
Theme Name:   Rosteria
Theme URI:    https://rosteria.pl
Description:  Motyw potomny GeneratePress dla rosteria.pl
Author:       Pragmatiko Sp. z o.o.
Template:     generatepress
Version:      1.0.0
Text Domain:  rosteria
*/

/* ==========================================================================
   Fonty (self-hosted). Pliki wgraj do /assets/fonts/
   ========================================================================== */

/* fraunces-regular */
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/fraunces-v38-latin_latin-ext-regular.woff2') format('woff2');
}
/* fraunces-600 */
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/fraunces-v38-latin_latin-ext-600.woff2') format('woff2');
}
/* inter-regular */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2');
}
/* inter-500 */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2');
}
/* inter-600 */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2');
}
/* ==========================================================================
   Zmienne globalne — używane też przez checkout i skórki twórców
   ========================================================================== */

:root {
	/*--rst-green: #1E3A2F;*/
	--rst-green: #0e271e;
	--rst-green-deep: #15291F;
	--rst-cream: #F5EFE4;
	--rst-cream-soft: #FAF7F0;
	--rst-copper: #C4703F;
	--rst-graphite: #2A2724;

	--rst-ink: var(--rst-graphite);
	--rst-ink-soft: rgba(42, 39, 36, .72);
	--rst-on-dark: #EFE9DD;
	--rst-on-dark-soft: rgba(239, 233, 221, .70);
	--rst-line: rgba(42, 39, 36, .14);
	--rst-line-dark: rgba(239, 233, 221, .18);

	--rst-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--rst-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--rst-wrap: 1240px;
	--rst-gap: clamp(1.5rem, 4vw, 3rem);
	--rst-sec-y: clamp(4rem, 9vw, 7.5rem);
}

/* ==========================================================================
   Podstawy globalne (obowiązują też w sklepie)
   ========================================================================== */

body {
	font-family: var(--rst-body);
	color: var(--rst-ink);
	background: var(--rst-cream-soft);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
	font-family: var(--rst-display);
	font-weight: 400;
	letter-spacing: -.015em;
	color: var(--rst-green);
}

a { color: var(--rst-copper); }

:focus-visible {
	outline: 2px solid var(--rst-copper);
	outline-offset: 3px;
}

/* Nagłówek GP */
.main-navigation .main-nav ul li a {
	font-family: var(--rst-body);
	font-weight: 500;
	font-size: .82rem;
	letter-spacing: .09em;
	text-transform: uppercase;
}

/* Stopka */
.site-info {
	background: var(--rst-green-deep);
	color: var(--rst-on-dark-soft);
	padding: clamp(2.5rem, 6vw, 4rem) 0;
	font-size: .875rem;
	line-height: 1.7;
}

.site-info a { color: var(--rst-on-dark); text-decoration: none; }
.site-info a:hover { color: var(--rst-copper); }

.rst-foot {
	max-width: var(--rst-wrap);
	margin: 0 auto;
	padding: 0 var(--rst-gap);
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
	text-align: left;
}

.rst-foot__brand strong {
	font-family: var(--rst-display);
	font-size: 1.35rem;
	color: var(--rst-on-dark);
	display: block;
	margin-bottom: .5rem;
}

.rst-foot__title {
	font-size: .72rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--rst-copper);
	margin-bottom: .75rem;
}

.rst-foot__bottom {
	max-width: var(--rst-wrap);
	margin: 2.5rem auto 0;
	padding: 1.5rem var(--rst-gap) 0;
	border-top: 1px solid var(--rst-line-dark);
	font-size: .8rem;
	opacity: .6;
}

@media (min-width: 780px) {
	.rst-foot { grid-template-columns: 1.4fr 1fr 1fr; gap: 3rem; }
}