/*
 * Ayaner Nova — tokens.css
 * Otomatik üretildi (inc/build-tokens.py).
 * Kaynak: handoff/tokens.json
 * Her skin için data-skin="<key>" selector altında 60+ CSS değişkeni.
 *
 * Cascade kuralı: :root fallback en üstte; aşağıdaki [data-skin="..."] blokları
 * onu override eder. data-skin attribute'u yoksa :root değerleri geçerli olur.
 */

/* === Default fallback (data-skin yoksa) === */
:root {
	--bg: linear-gradient(180deg,#F4F5F8,#E9EBF1);
	--surface: #FFFFFF;
	--surface-2: linear-gradient(180deg,#EEEFF4,#E4E6ED);
	--ink: #1B2A4A;
	--ink-soft: #5A6478;
	--on-dark: #F6F3EA;
	--line: #E2E5EA;
	--accent: #C6A24E;
	--accent-hi: #DEC477;
	--accent-2: #B8893C;
	--accent-ink: #2A2310;
	--c1: linear-gradient(150deg,#1E3052,#0F1A30);
	--c2: linear-gradient(150deg,#23593F,#123322);
	--c3: linear-gradient(150deg,#6C2536,#461623);
	--radius: 14px;
	--hero-bg: linear-gradient(140deg,#1E3052,#0E1729);
	--hero-ink: #F6F3EA;
	--hero-sub: rgba(246,243,234,.78);
	--band: linear-gradient(140deg,#23593F,#123221);
	--band-ink: #EBD18A;
	--cta-bg: linear-gradient(180deg,#ECEDF3,#DDDFEA);
	--cta-btn: #5E1F2E;
	--cta-btn-ink: #FFFFFF;
	--card-mid: linear-gradient(160deg,#EBECF2,#E0E2EC);
	--footer: #16233F;
	--footer-ink: #E7E2D6;
	--foot-brain: block;
	--foot-yoga: none;
	--foot-minh: 560px;
	--foot-pad: 120px;
	--blog-bg: linear-gradient(165deg,#1E3052,#101A30);
	--blog-ink: #F6F3EA;
	--blog-soft: rgba(246,243,234,.72);
	--blog-card: transparent;
	--blog-line: rgba(255,255,255,.16);
	--svc1-bg: linear-gradient(135deg,#1E3052,#0F1A30);
	--svc1-ink: #F6F3EA;
	--svc1-soft: rgba(246,243,234,.78);
	--svc1-btnbd: rgba(255,255,255,.5);
	--svc1-btncol: #F6F3EA;
	--svc2-bg: linear-gradient(160deg,#FFFFFF,#F2F3F8);
	--svc2-ink: #1B2A4A;
	--svc2-soft: #5A6478;
	--svc2-btnbd: #C6A24E;
	--svc2-btncol: #B8893C;
	--svc3-bg: linear-gradient(135deg,#23593F,#123322);
	--svc3-ink: #F6F3EA;
	--svc3-soft: rgba(246,243,234,.78);
	--svc3-btnbd: rgba(255,255,255,.5);
	--svc3-btncol: #F6F3EA;
	--svc4-bg: linear-gradient(135deg,#6C2536,#451622);
	--svc4-ink: #F6F3EA;
	--svc4-soft: rgba(246,243,234,.78);
	--svc4-btnbd: rgba(255,255,255,.5);
	--svc4-btncol: #F6F3EA;
	--ph: #d8dde6;
	--ph-a: #cdd4e0;
	--ph-b: #aab4c8;
	--head: Cormorant Garamond, serif;
	--body: Mulish, sans-serif;
}

/* === Skin: Psikoloji & Koçluk (psychology) === */
[data-skin="psychology"] {
	--bg: linear-gradient(180deg,#F4F5F8,#E9EBF1);
	--surface: #FFFFFF;
	--surface-2: linear-gradient(180deg,#EEEFF4,#E4E6ED);
	--ink: #1B2A4A;
	--ink-soft: #5A6478;
	--on-dark: #F6F3EA;
	--line: #E2E5EA;
	--accent: #C6A24E;
	--accent-hi: #DEC477;
	--accent-2: #B8893C;
	--accent-ink: #2A2310;
	--c1: linear-gradient(150deg,#1E3052,#0F1A30);
	--c2: linear-gradient(150deg,#23593F,#123322);
	--c3: linear-gradient(150deg,#6C2536,#461623);
	--radius: 14px;
	--hero-bg: linear-gradient(140deg,#1E3052,#0E1729);
	--hero-ink: #F6F3EA;
	--hero-sub: rgba(246,243,234,.78);
	--band: linear-gradient(140deg,#23593F,#123221);
	--band-ink: #EBD18A;
	--cta-bg: linear-gradient(180deg,#ECEDF3,#DDDFEA);
	--cta-btn: #5E1F2E;
	--cta-btn-ink: #FFFFFF;
	--card-mid: linear-gradient(160deg,#EBECF2,#E0E2EC);
	--footer: #16233F;
	--footer-ink: #E7E2D6;
	--foot-brain: block;
	--foot-yoga: none;
	--foot-minh: 560px;
	--foot-pad: 120px;
	--blog-bg: linear-gradient(165deg,#1E3052,#101A30);
	--blog-ink: #F6F3EA;
	--blog-soft: rgba(246,243,234,.72);
	--blog-card: transparent;
	--blog-line: rgba(255,255,255,.16);
	--svc1-bg: linear-gradient(135deg,#1E3052,#0F1A30);
	--svc1-ink: #F6F3EA;
	--svc1-soft: rgba(246,243,234,.78);
	--svc1-btnbd: rgba(255,255,255,.5);
	--svc1-btncol: #F6F3EA;
	--svc2-bg: linear-gradient(160deg,#FFFFFF,#F2F3F8);
	--svc2-ink: #1B2A4A;
	--svc2-soft: #5A6478;
	--svc2-btnbd: #C6A24E;
	--svc2-btncol: #B8893C;
	--svc3-bg: linear-gradient(135deg,#23593F,#123322);
	--svc3-ink: #F6F3EA;
	--svc3-soft: rgba(246,243,234,.78);
	--svc3-btnbd: rgba(255,255,255,.5);
	--svc3-btncol: #F6F3EA;
	--svc4-bg: linear-gradient(135deg,#6C2536,#451622);
	--svc4-ink: #F6F3EA;
	--svc4-soft: rgba(246,243,234,.78);
	--svc4-btnbd: rgba(255,255,255,.5);
	--svc4-btncol: #F6F3EA;
	--ph: #d8dde6;
	--ph-a: #cdd4e0;
	--ph-b: #aab4c8;
	--head: 'Cormorant Garamond';
	--body: 'Mulish';
	--head: Cormorant Garamond, serif;
	--body: Mulish, sans-serif;
}

/* === Skin: Yoga (yoga) === */
[data-skin="yoga"] {
	--bg: linear-gradient(180deg,#F6F1E7,#EEE4D3);
	--surface: #FBF7EF;
	--surface-2: linear-gradient(180deg,#EEE5D6,#E5DAC8);
	--ink: #3B352B;
	--ink-soft: #7A7263;
	--on-dark: #F7F2E8;
	--line: #E4DACA;
	--accent: #B8954A;
	--accent-hi: #CBAB63;
	--accent-2: #9C7E3C;
	--accent-ink: #2C2410;
	--c1: linear-gradient(150deg,#CE6E45,#AE5230);
	--c2: linear-gradient(150deg,#9DAA86,#82906A);
	--c3: linear-gradient(150deg,#CE6E45,#AE5230);
	--radius: 16px;
	--hero-bg: transparent;
	--hero-ink: #3B352B;
	--hero-sub: #7A7263;
	--band: linear-gradient(140deg,#CE6E45,#AC502D);
	--band-ink: #FBEFE0;
	--cta-bg: linear-gradient(180deg,#E1E5D3,#CFD5BC);
	--cta-btn: #6E7E5F;
	--cta-btn-ink: #F7F2E8;
	--card-mid: linear-gradient(160deg,#DBE0CB,#CDD4BA);
	--footer: linear-gradient(160deg,#7B8B6A,#5C6C4E);
	--footer-ink: #F1ECDF;
	--foot-brain: none;
	--foot-yoga: block;
	--foot-minh: 560px;
	--foot-pad: 120px;
	--blog-bg: linear-gradient(180deg,#F6F1E7,#EEE4D3);
	--blog-ink: #3B352B;
	--blog-soft: #7A7263;
	--blog-card: #FBF7EF;
	--blog-line: #E4DACA;
	--svc1-bg: linear-gradient(135deg,#9DAA86,#7F8D68);
	--svc1-ink: #2E3326;
	--svc1-soft: rgba(46,51,38,.74);
	--svc1-btnbd: rgba(46,51,38,.4);
	--svc1-btncol: #2E3326;
	--svc2-bg: linear-gradient(160deg,#FBF7EF,#F1E9DA);
	--svc2-ink: #3B352B;
	--svc2-soft: #7A7263;
	--svc2-btnbd: #B8954A;
	--svc2-btncol: #9C7E3C;
	--svc3-bg: linear-gradient(135deg,#9DAA86,#7F8D68);
	--svc3-ink: #2E3326;
	--svc3-soft: rgba(46,51,38,.74);
	--svc3-btnbd: rgba(46,51,38,.4);
	--svc3-btncol: #2E3326;
	--svc4-bg: linear-gradient(160deg,#FBF7EF,#F1E9DA);
	--svc4-ink: #3B352B;
	--svc4-soft: #7A7263;
	--svc4-btnbd: #B8954A;
	--svc4-btncol: #9C7E3C;
	--ph: #e3dac8;
	--ph-a: #e6dcc6;
	--ph-b: #c8bb9d;
	--head: 'Lora';
	--body: 'Nunito Sans';
	--head: Lora, serif;
	--body: Nunito Sans, sans-serif;
}

/* === Facet (diagonal overlay) === */
body.has-facets [data-facet-band] {
	background-image: linear-gradient(122deg,rgba(255,255,255,.08) 0 41%,rgba(0,0,0,.08) 41%),;
}
body.has-facets [data-facet-band="light"] {
	background-image: linear-gradient(122deg,rgba(0,0,0,.025) 0 41%,rgba(0,0,0,.055) 41%),;
}