/* ==========================================================================
   Dr. Siyamek Saleki — marka sistemi
   Renkler logodan ölçüldü (Logo_Gold.jpg / Logo_Beyaz.jpg, 4500x8000).
   ========================================================================== */

@font-face {
	font-family: "Saleki Display";
	src: url("../fonts/saleki-display.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Libre Bodoni";
	src: url("../fonts/libre-bodoni-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Jost";
	src: url("../fonts/jost-var.woff2") format("woff2");
	font-weight: 300 600;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Rose-gold — logonun yazı degradesi. 600 = logodaki en koyu ton,
	   beyaz yazıyla 4.72 kontrast: ana buton rengi. */
	--drs-rose-50:  #FBF5F2;
	--drs-rose-100: #F6E6E1;
	--drs-rose-200: #EDCDC0;
	--drs-rose-300: #F1C2BA;
	--drs-rose-400: #C99E98;
	--drs-rose-500: #A57D75;
	--drs-rose-600: #956865;
	--drs-rose-700: #86595A;
	--drs-rose-800: #74494A;

	/* Teal — logonun ikinci rengi. 500 logodaki ton ama beyaz yazıyla 2.64
	   kontrast verir: yalnız zemin/vurgu. Buton ve metin için 700 (4.69). */
	--drs-teal-100: #E3F0EF;
	--drs-teal-300: #9FCBC8;
	--drs-teal-500: #66ABA8;
	--drs-teal-700: #3F7E7A;
	--drs-teal-800: #2F6663;

	--drs-ink:   #2B2324;
	--drs-muted: #6B5F5E;
	--drs-line:  #EADDD8;
	--drs-white: #FFFFFF;

	--drs-gradient-gold: linear-gradient(100deg, #A57D75 0%, #C99E98 22%, #F1C2BA 45%, #E8B7B0 62%, #B08984 82%, #956865 100%);

	/* Yazı: başlık = logonun ad satırı, aksan = logonun alt satırı, gövde = Jost */
	--drs-font-display: "Saleki Display", "Didot", "Bodoni 72", Georgia, serif;
	--drs-font-accent:  "Libre Bodoni", "Bodoni 72", Georgia, serif;
	--drs-font-body:    "Jost", "Helvetica Neue", Arial, sans-serif;

	--drs-radius: 2px;
	--drs-container: 1240px;
}

body {
	font-family: var(--drs-font-body);
	font-weight: 400;
	color: var(--drs-ink);
	background: var(--drs-white);
	-webkit-font-smoothing: antialiased;
}

/* Saleki Display tek ağırlık: sahte kalınlaştırmayı engelle */
h1, h2, h3,
.drs-display {
	font-family: var(--drs-font-display);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.15;
	color: var(--drs-rose-700);
}
h4, h5, h6 {
	font-family: var(--drs-font-body);
	font-weight: 500;
	color: var(--drs-ink);
}

/* Logonun "COSMETIC DERMATOLOGIST" satırı */
.drs-eyebrow {
	font-family: var(--drs-font-accent);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-size: 0.78rem;
	color: var(--drs-teal-700);
}

.drs-gold-text {
	background: var(--drs-gradient-gold);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

a { color: var(--drs-rose-700); }
a:hover { color: var(--drs-rose-800); }

.drs-btn {
	display: inline-flex; align-items: center; gap: .5em;
	padding: .95em 1.8em;
	font-family: var(--drs-font-accent); font-weight: 600;
	text-transform: uppercase; letter-spacing: .16em; font-size: .78rem;
	border-radius: var(--drs-radius);
	text-decoration: none; transition: background-color .2s, color .2s;
}
.drs-btn--rose { background: var(--drs-rose-600); color: var(--drs-white); }
.drs-btn--rose:hover { background: var(--drs-rose-800); color: var(--drs-white); }
.drs-btn--teal { background: var(--drs-teal-700); color: var(--drs-white); }
.drs-btn--teal:hover { background: var(--drs-teal-800); color: var(--drs-white); }
.drs-btn--ghost { background: transparent; color: var(--drs-rose-700); box-shadow: inset 0 0 0 1px var(--drs-rose-400); }
.drs-btn--ghost:hover { background: var(--drs-rose-50); }