/*
 * Kılıçaslan Grup — Tasarım Tokenleri
 * Sartoria estetiğinden ilham — derin siyah + şampanya altın + brand DNA (mavi-yeşil) minimal vurgu.
 */

:root {
	/* === Renkler — Koyu yüzeyler === */
	--color-bg:           #0a0a0c;   /* derin siyah — Sartoria'dan biraz daha karanlık */
	--color-bg-elev:      #131316;   /* yüzey: kart */
	--color-bg-elev-2:    #1a1a1e;   /* hover */
	--color-line:         #232328;   /* hairline */
	--color-line-soft:    #1a1a1f;

	/* === Renkler — Açık kontrast bölümleri === */
	--color-surface:      #f4f1ea;   /* warm cream — açık zemin */
	--color-surface-2:    #ebe6db;
	--color-surface-line: #d6d0c2;

	/* === Tipografi renkleri === */
	--color-text:         #ebe9e2;   /* krem off-white */
	--color-text-soft:    #a8a59d;
	--color-text-mute:    #6e6c64;
	--color-text-dim:     #3e3d38;

	--color-text-inv:     #15140f;   /* açık zeminde koyu metin */
	--color-text-inv-soft:#4a4942;

	/* === Accent: Şampanya altın (ana) + gradient varyasyonları === */
	--color-gold:         #c9a96e;   /* ana şampanya altın */
	--color-gold-soft:    #e3c98e;   /* açık altın hover */
	--color-gold-bright:  #f0d89c;   /* parlak vurgu */
	--color-gold-deep:    #8a6f3e;   /* derin antika altın */
	--color-gold-pale:    #f5e9c8;   /* en açık altın — text shimmer */
	--color-gold-tint:    rgba(201, 169, 110, 0.14);

	/* Altın "gradient" tokenları — KESİN KURAL: gold tek renk, gradient yok.
	   Geriye uyumluluk için aynı isim, içerik solid #c9a96e. */
	--gradient-gold:      #c9a96e;
	--gradient-gold-soft: #c9a96e;
	--gradient-gold-line: #c9a96e;

	/* === Accent: Brand DNA — sadece minimal vurgu === */
	--color-brand-blue:   #3a6c8a;   /* logo mavisi — sayılar, divider */
	--color-brand-green:  #4a7a6d;   /* logo yeşili — küçük vurgu */
	--color-brand-blue-tint:  rgba(58, 108, 138, 0.16);

	--color-white:        #ffffff;
	--color-black:        #000000;

	--color-success:      #5f8b54;
	--color-error:        #b04545;

	/* === Tipografi === */
	--font-display: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
	--font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	--fs-xs:    0.75rem;
	--fs-sm:    0.875rem;
	--fs-base:  1rem;
	--fs-md:    1.125rem;
	--fs-lg:    1.375rem;
	--fs-xl:    1.75rem;
	--fs-2xl:   2.25rem;
	--fs-3xl:   3rem;
	--fs-4xl:   4rem;
	--fs-display: 6rem;

	--lh-tight: 1.05;
	--lh-snug:  1.2;
	--lh-base:  1.7;
	--lh-loose: 1.9;

	--ls-tight:    -0.015em;
	--ls-normal:    0;
	--ls-wide:      0.04em;
	--ls-wider:     0.18em;
	--ls-widest:    0.36em;

	/* === Ölçek === */
	--space-1:  0.25rem;
	--space-2:  0.5rem;
	--space-3:  0.75rem;
	--space-4:  1rem;
	--space-5:  1.5rem;
	--space-6:  2rem;
	--space-7:  3rem;
	--space-8:  4rem;
	--space-9:  6rem;
	--space-10: 8rem;
	--space-11: 12rem;

	/* === Container === */
	--container:        1320px;
	--container-wide:   1480px;
	--container-narrow: 880px;
	--container-prose:  640px;
	--container-pad:    clamp(1.5rem, 5vw, 3rem);

	/* === Radii === */
	--radius-none:  0;
	--radius-sm:    2px;
	--radius-md:    4px;
	--radius-pill:  999px;

	--border-hair:  1px solid var(--color-line);
	--border-soft:  1px solid var(--color-line-soft);
	--border-light: 1px solid var(--color-surface-line);

	/* === Shadows === */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
	--shadow-md: 0 14px 36px rgba(0, 0, 0, 0.55);
	--shadow-lg: 0 32px 72px rgba(0, 0, 0, 0.6);

	/* === Animasyon === */
	--ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ease-in:  cubic-bezier(0.55, 0.06, 0.68, 0.19);
	--ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-fast: 200ms;
	--dur-base: 380ms;
	--dur-slow: 720ms;

	/* === Z === */
	--z-base:    1;
	--z-sticky:  10;
	--z-header:  50;
	--z-overlay: 80;
	--z-modal:   100;

	/* === Header === */
	--header-h:     96px;       /* logo 72px + 12px nefes top/bottom — taşma yok */
	--header-h-sm:  96px;
	--topbar-h:     32px;
}

@media (max-width: 900px) {
	:root {
		--fs-display: 3.5rem;
		--fs-4xl:     2.75rem;
		--fs-3xl:     2.25rem;
		--fs-2xl:     1.75rem;
		--fs-xl:      1.375rem;
		--header-h:   78px;
		--header-h-sm: 78px;
	}
}