@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
	/* Architectural Gallery Palette */
	--bg-canvas: #F9F8F5;
	--bg-surface: #F2EFE9;
	--bg-pure: #FFFFFF;
	--physis-dark: #121815;
	--physis-forest: #22382F;
	--physis-forest-hover: #15241E;
	--physis-sage: #4E7062;
	--physis-sage-hover: #385348;
	--physis-terracotta: #C2744B;
	--text-primary: #121815;
	--text-secondary: #3D4741;
	--text-muted: #6B7770;
	--line-subtle: rgba(18, 24, 21, 0.12);
}

html {
	font-size: 16px; /* Мобильный baseline: 1rem = 16px */
	background-color: var(--bg-canvas);
	color: var(--text-primary);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-variant-numeric: lining-nums;
}

/* Десктопный baseline: основной текст эквивалентен 18px (1rem = 18px) */
@media (min-width: 1024px) {
	html {
		font-size: 18px;
	}
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	background-color: var(--bg-canvas);
	background-image: url('/img/background.jpg');
	color: var(--text-primary);
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 1rem; /* 18px на десктопе, 16px на мобильных */
	line-height: 1.65;
}

/* Monumental Architectural Headlines (Manrope) */
h1,
h2,
h3,
h4,
h5,
h6,
.font-serif,
.font-heading {
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
	letter-spacing: -0.025em;
	color: var(--text-primary);
}

/* Natural Premium Buttons (Default is Forest Green, Hover is Deep Dark Pine) */
.btn-gallery-primary {
	background-color: var(--physis-forest);
	color: #FFFFFF;
	padding: 18px 36px;
	border-radius: 1.5rem;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: normal;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 4px 16px rgba(34, 56, 47, 0.16);
}

.btn-gallery-primary:hover {
	background-color: var(--physis-forest-hover);
	transform: translateY(-2px);
	box-shadow: 0 6px 22px rgba(21, 36, 30, 0.25);
}

/* Linear Accent Links (Default is Sage/Forest, Hover deepens) */
.btn-gallery-line {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: normal;
	color: var(--physis-forest);
	position: relative;
	padding-bottom: 4px;
	border-bottom: 1.5px solid var(--physis-forest);
	transition: all 0.25s ease;
}

.btn-gallery-line:hover {
	gap: 15px;
	color: var(--physis-forest-hover);
	border-bottom-color: var(--physis-forest-hover);
}

/* Compatibility aliases */
.btn-physis-primary,
.btn-apple-primary,
.btn-apple-primary-blue {
	@apply btn-gallery-primary;
}

.btn-physis-secondary,
.btn-apple-secondary {
	background: transparent;
	color: var(--physis-forest);
	border: 1.5px solid var(--physis-forest);
	padding: 16px 32px;
	border-radius: 4px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: normal;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.btn-physis-secondary:hover,
.btn-apple-secondary:hover {
	background-color: var(--physis-forest);
	color: #FFFFFF;
}

.btn-physis-link,
.btn-apple-link {
	@apply btn-gallery-line;
}

/* Minimal Custom Scrollbar */
::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: var(--bg-canvas);
}

::-webkit-scrollbar-thumb {
	background: rgba(34, 56, 47, 0.25);
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(34, 56, 47, 0.45);
}