/* Trendizm — tasarım değişkenleri (tüm arayüzler). Tema: Travel Colors 0.0.1
   Laravel'de: resources/css/tokens.css. Acente markası için --ana / --vurgu, tenant ayarından ezilir:
   <style>:root{--ana: {{ $acente->renk }}}</style> */
:root {
	/* Marka */
	--ana: #0f5c63;          /* derin deniz yeşili */
	--ana-koyu: #0a4247;
	--ana-acik: #e3f0ef;
	--vurgu: #e8793a;        /* sıcak turuncu */
	--vurgu-koyu: #c9602a;
	--vurgu-acik: #fdeee4;

	/* Nötrler (hafif yeşil eğilimli) */
	--zemin: #f5f7f6;
	--yuzey: #ffffff;
	--yuzey-2: #eef2f1;
	--metin: #13201f;
	--metin-2: #56676a;
	--metin-3: #8a9a9b;
	--cizgi: #dfe6e4;

	/* Durum */
	--basari: #1f8a4c;  --basari-acik: #e4f4ea;
	--uyari: #b7791f;   --uyari-acik: #fbf1dc;
	--hata: #c2412d;    --hata-acik: #fbe7e3;
	--bilgi: #2563a8;   --bilgi-acik: #e5eef9;

	/* Yazı */
	--yazi: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;      /* coolors.co yazı sistemi */
	--yazi-baslik: var(--yazi);
	--yazi-el: 'Caveat', 'Comic Sans MS', cursive;       /* el yazısı vurgu notları */
	--yazi-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
	--kalin-govde: 450; --kalin-dugme: 600; --kalin-baslik: 800;
	--harf-baslik: -.035em;
	--fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem; --fs-lg: 1.125rem;
	--fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem; --fs-4xl: clamp(2.25rem, 4.5vw, 3.5rem);

	/* Boşluk (4'ün katları) */
	--b-1: .25rem; --b-2: .5rem; --b-3: .75rem; --b-4: 1rem; --b-5: 1.25rem;
	--b-6: 1.5rem; --b-8: 2rem; --b-10: 2.5rem; --b-12: 3rem; --b-16: 4rem; --b-20: 5rem;

	/* Şekil */
	--r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 28px; --r-tam: 999px;
	--golge-1: 0 1px 2px rgba(19, 32, 31, .06);
	--golge-2: 0 6px 20px rgba(19, 32, 31, .08);
	--golge-3: 0 18px 48px rgba(19, 32, 31, .14);

	/* Açık zemin tonları (koyu temada karşılıkları aşağıda) */
	--ton-pembe: #fdf2f8; --ton-mor: #faf5ff; --ton-turuncu: #fff7ed; --ton-yesil: #ecfdf5; --ton-yesil-2: #dcfce7;
	--ton-gri: #f1f1f4; --ton-gri-2: #e9ebef; --ton-gri-3: #f4f4f6; --ton-kirmizi: #fef2f2; --ton-kirmizi-2: #fee2e2;
	--ton-mavi: #eff6ff; --ton-pembe-2: #fce7f3; --ton-turuncu-2: #ffedd5; --ton-mor-2: #f3e8ff; --ton-indigo: #eef2ff;
	color-scheme: light;

	--renkli-gecis: linear-gradient(90deg, #7c3aed, #ec4899 45%, #f97316);   /* duyuru şeridi + ana düğmeler */
	--genislik: 1200px;
	--gecis: .18s ease;
}

/* ===== Gece modu =====
   Kullanıcı seçimi <html data-tema="koyu|acik"> (assets/js/tema.js, tarayıcıda hatırlanır); seçim yoksa sistem ayarı. */
:root[data-tema="koyu"] {
	color-scheme: dark;
	--zemin: #0e0d16; --yuzey: #171523; --yuzey-2: #211e31;
	--metin: #f1eff8; --metin-2: #b9b4cc; --metin-3: #8480a0; --cizgi: #2d2a40;
	--ana-acik: rgba(45, 212, 191, .14); --vurgu-acik: rgba(249, 115, 22, .16);
	--basari-acik: rgba(34, 197, 94, .14); --uyari-acik: rgba(234, 179, 8, .14); --hata-acik: rgba(239, 68, 68, .14); --bilgi-acik: rgba(59, 130, 246, .16);
	--ton-pembe: rgba(236, 72, 153, .12); --ton-mor: rgba(139, 92, 246, .12); --ton-turuncu: rgba(249, 115, 22, .12); --ton-yesil: rgba(34, 197, 94, .12); --ton-yesil-2: rgba(34, 197, 94, .2);
	--ton-gri: #24213a; --ton-gri-2: #2a2742; --ton-gri-3: #221f35; --ton-kirmizi: rgba(239, 68, 68, .12); --ton-kirmizi-2: rgba(239, 68, 68, .2);
	--ton-mavi: rgba(59, 130, 246, .12); --ton-pembe-2: rgba(236, 72, 153, .2); --ton-turuncu-2: rgba(249, 115, 22, .2); --ton-mor-2: rgba(139, 92, 246, .2); --ton-indigo: rgba(99, 102, 241, .18);
	--golge-1: 0 1px 2px rgba(0, 0, 0, .4); --golge-2: 0 6px 20px rgba(0, 0, 0, .45); --golge-3: 0 18px 48px rgba(0, 0, 0, .55);
}