.elementor-kit-38{--e-global-color-primary:#7790ED;--e-global-color-secondary:#3B0016;--e-global-color-text:#292621;--e-global-color-accent:#F8F4EC;--e-global-color-24cb6440:#4054B2;--e-global-color-612a6427:#23A455;--e-global-color-5da9ef4f:#000;--e-global-color-6f6bd1a4:#FFF;--e-global-color-6ff3f7ee:#1A6C7A;--e-global-typography-primary-font-family:"Leo Medya Switzer";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Leo Medya Switzer";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F8F4EC;}.elementor-kit-38 e-page-transition{background-color:#FFBC7D;}.elementor-kit-38 button,.elementor-kit-38 input[type="button"],.elementor-kit-38 input[type="submit"],.elementor-kit-38 .elementor-button{border-style:solid;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
LEO MEDYA — GLOBAL TASARIM DENETİM DOSYASI (global.css)
------------------------------------------------------------
KULLANIM (WordPress):
Görünüm → Özelleştir → Ek CSS'e yapıştırın
veya Elementor → Site Ayarları → Özel CSS.
HTML sayfada kullanım:
NASIL ÇALIŞIR:
Aşağıdaki :root bloğundaki değişkenleri değiştirmeniz yeterli.
Renk, font, başlık puntosu ve ağırlığı — hepsi tek yerden
güncellenir; sayfadaki her element otomatik uyum sağlar.
============================================================ */
/* ---------- FONT YÜKLEME ---------- */
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=switzer@300,400,500,600,700&display=swap');
:root {
/* ========== 1. RENK PALETİ ========== */
--lm-renk-vurgu: #7790ED; /* Cornflower Blue — butonlar, vurgular */
--lm-renk-vurgu-koyu: #5867d6; /* degrade bitişleri, hover */
--lm-renk-vurgu-metin: #4657c9; /* mavi zeminde okunur metin/etiket */
--lm-renk-zemin: #F4EFE6; /* Floral White — sayfa arka planı */
--lm-renk-kagit: #F8F4EC; /* açık buton/kart zemini */
--lm-renk-metin: #292621; /* Carbon Black — ana metin */
--lm-renk-metin-soluk: rgba(41, 38, 33, .66); /* paragraf/alt metin */
--lm-renk-bordo: #3B0016; /* Night Bordeaux — nadir vurgu */
--lm-renk-cam: rgba(255, 255, 255, .6); /* glass panel zemini */
--lm-renk-cam-cerceve: rgba(255, 255, 255, .85);/* glass kenarlık */
/* ========== 2. FONT AİLELERİ ========== */
--lm-font-baslik: 'Clash Display', 'Segoe UI', sans-serif;
--lm-font-metin: 'Switzer', 'Segoe UI', sans-serif;
/* ========== 3. BAŞLIK PUNTOLARI (etikete göre) ========== */
--lm-h1-punto: clamp(42px, 6vw, 84px);
--lm-h2-punto: clamp(32px, 4vw, 56px);
--lm-h3-punto: clamp(20px, 2vw, 24px);
--lm-h4-punto: 18px;
--lm-h5-punto: 16px;
--lm-h6-punto: 13px;
/* ========== 4. BAŞLIK AĞIRLIKLARI (etikete göre) ========== */
--lm-h1-agirlik: 600;
--lm-h2-agirlik: 600;
--lm-h3-agirlik: 600;
--lm-h4-agirlik: 600;
--lm-h5-agirlik: 500;
--lm-h6-agirlik: 700; /* h6 = küçük etiket/eyebrow stili */
/* ========== 5. BAŞLIK SATIR ARALIĞI & HARF ARALIĞI ========== */
--lm-h1-satir: .99; --lm-h1-harf: -.025em;
--lm-h2-satir: 1.05; --lm-h2-harf: -.02em;
--lm-h3-satir: 1.15; --lm-h3-harf: -.01em;
/* ========== 6. GÖVDE METNİ ========== */
--lm-metin-punto: 16px;
--lm-metin-agirlik: 400;
--lm-metin-satir: 1.7;
--lm-metin-buyuk-punto: 19px; /* hero altı tanıtım paragrafı */
--lm-kucuk-punto: 13px; /* rozetler, alt notlar */
/* ========== 7. BUTONLAR ========== */
--lm-buton-punto: 16px;
--lm-buton-agirlik: 600;
--lm-buton-radius: 15px;
/* ========== 8. CAM (GLASS) EFEKTİ ========== */
--lm-cam-blur: 26px;
--lm-cam-radius: 34px;
}
/* ============================================================
OTOMATİK UYGULAMA KURALLARI
Aşağısına dokunmanıza gerek yok — her şey yukarıdaki
değişkenlerden beslenir. !important, tema ve satır içi
stilleri ezebilmek içindir.
============================================================ */
/* ---------- GENEL ---------- */
body {
background-color: var(--lm-renk-zemin) !important;
font-family: var(--lm-font-metin) !important;
color: var(--lm-renk-metin) !important;
-webkit-font-smoothing: antialiased;
}
/* ---------- BAŞLIKLAR (etikete göre) ---------- */
h1, h2, h3, h4, h5, h6,
.lm-h1, .lm-h2, .lm-h3 {
font-family: var(--lm-font-baslik) !important;
color: var(--lm-renk-metin);
margin: 0;
}
h1, .lm-h1 {
font-size: var(--lm-h1-punto) !important;
font-weight: var(--lm-h1-agirlik) !important;
line-height: var(--lm-h1-satir) !important;
letter-spacing: var(--lm-h1-harf) !important;
}
h2, .lm-h2 {
font-size: var(--lm-h2-punto) !important;
font-weight: var(--lm-h2-agirlik) !important;
line-height: var(--lm-h2-satir) !important;
letter-spacing: var(--lm-h2-harf) !important;
}
h3, .lm-h3 {
font-size: var(--lm-h3-punto) !important;
font-weight: var(--lm-h3-agirlik) !important;
line-height: var(--lm-h3-satir) !important;
letter-spacing: var(--lm-h3-harf) !important;
}
h4 { font-size: var(--lm-h4-punto) !important; font-weight: var(--lm-h4-agirlik) !important; }
h5 { font-size: var(--lm-h5-punto) !important; font-weight: var(--lm-h5-agirlik) !important; }
h6 {
font-size: var(--lm-h6-punto) !important;
font-weight: var(--lm-h6-agirlik) !important;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--lm-renk-vurgu-metin);
}
/* Başlık içindeki renkli vurgu (örn. ) */
h1 span, h2 span, .lm-h1 span { color: var(--lm-renk-vurgu) !important; }
/* ---------- PARAGRAF & METİN ---------- */
p, li {
font-family: var(--lm-font-metin) !important;
font-size: var(--lm-metin-punto);
font-weight: var(--lm-metin-agirlik);
line-height: var(--lm-metin-satir);
color: var(--lm-renk-metin-soluk);
}
p.lm-buyuk, .lm-sub { font-size: var(--lm-metin-buyuk-punto) !important; }
small, .lm-kucuk { font-size: var(--lm-kucuk-punto) !important; }
/* ---------- LİNKLER ---------- */
a { color: inherit; text-decoration: none; transition: color .25s; }
a:hover { color: var(--lm-renk-vurgu-metin); }
/* ---------- BUTONLAR ---------- */
button, .lm-btn, a.lm-btn,
.wp-block-button__link, .elementor-button {
font-family: var(--lm-font-metin) !important;
font-size: var(--lm-buton-punto) !important;
font-weight: var(--lm-buton-agirlik) !important;
border-radius: var(--lm-buton-radius) !important;
cursor: pointer;
}
/* Birincil (mavi) buton */
.lm-btn-primary, .wp-block-button__link, .elementor-button {
background: var(--lm-renk-vurgu) !important;
color: #fff !important;
border: none !important;
box-shadow: 0 14px 30px color-mix(in srgb, var(--lm-renk-vurgu) 45%, transparent);
transition: transform .3s, box-shadow .3s;
}
.lm-btn-primary:hover, .elementor-button:hover {
transform: translateY(-3px);
box-shadow: 0 20px 40px color-mix(in srgb, var(--lm-renk-vurgu) 55%, transparent);
}
/* Koyu buton */
.lm-btn-dark {
background: var(--lm-renk-metin) !important;
color: var(--lm-renk-kagit) !important;
border: none !important;
border-radius: 999px !important;
}
/* Cam buton */
.lm-btn-glass {
background: var(--lm-renk-cam) !important;
color: var(--lm-renk-metin) !important;
border: 1px solid rgba(41, 38, 33, .13) !important;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
/* ---------- CAM (GLASS) PANELLER ---------- */
.lm-panel, .lm-glass {
background: var(--lm-renk-cam);
backdrop-filter: blur(var(--lm-cam-blur)) saturate(180%);
-webkit-backdrop-filter: blur(var(--lm-cam-blur)) saturate(180%);
border: 1px solid var(--lm-renk-cam-cerceve);
border-radius: var(--lm-cam-radius);
}
/* ---------- ROZET / ETİKET ---------- */
.lm-badge, .lm-tag {
font-family: var(--lm-font-metin) !important;
color: var(--lm-renk-vurgu-metin) !important;
font-weight: 600;
letter-spacing: .13em;
text-transform: uppercase;
}
/* ---------- MOBİL İNCE AYAR ---------- */
@media (max-width: 768px) {
:root {
--lm-h1-punto: clamp(34px, 10vw, 46px);
--lm-h2-punto: clamp(26px, 7vw, 34px);
--lm-metin-buyuk-punto: 16px;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Leo Medya Switzer';
font-display: auto;
src: url('http://www.leomedya.com/wp-content/uploads/2026/06/Switzer-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */