/* Theme Name: YL Platform Theme URI: https://example.com Description: Yerel haber portalı, dijital topluluk ağı ve yerel yaşam platformu için geliştirilmiş çok amaçlı WordPress teması. Marka ve domain bağımsız çalışır; tüm kimlik bilgileri WordPress ayarlarından yönetilir. Version: 1.0.0 Requires at least: 6.0 Tested up to: 7.0 Requires PHP: 8.2 Author: YL Platform Author URI: https://example.com License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: yl-platform Domain Path: /languages Tags: news, local, community, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, block-patterns */ /* * ANAYASA — Marka Bağımsızlık Maddesi (v1.0): * Bu temada herhangi bir şehir, ilçe, gazete adı, domain adı * veya marka adı hardcode olarak bulunmaz. * Tüm kimlik bilgileri WordPress ayarlarından okunur. */ /* ========================================================================== DESIGN SYSTEM v1.0 — CSS Custom Properties Master Uygulama Anayasası v1.0 kapsamında dondurulmuştur. Kullanıcı onayı olmadan değiştirilemez. ========================================================================== */ :root { /* ------------------------------------------------------------------ MARKA RENKLERİ — Sabit, değiştirilemez (Design System v1.0) ------------------------------------------------------------------ */ --yl-color-primary: #E24B4A; --yl-color-primary-dark: #A32D2D; --yl-color-primary-darker: #791F1F; --yl-color-primary-light: #FCEBEB; --yl-color-primary-lighter: #FEF5F5; --yl-color-secondary: #1A1A1A; --yl-color-secondary-mid: #3D3D3D; --yl-color-secondary-light: #F5F5F5; --yl-color-white: #FFFFFF; --yl-color-black: #0A0A0A; /* ------------------------------------------------------------------ KATEGORİ VURGU RENKLERİ — Design System v1.0 ------------------------------------------------------------------ */ --yl-cat-gundem-color: #E24B4A; --yl-cat-gundem-bg: #FCEBEB; --yl-cat-ekonomi-color: #378ADD; --yl-cat-ekonomi-bg: #E6F1FB; --yl-cat-spor-color: #639922; --yl-cat-spor-bg: #EAF3DE; --yl-cat-kultur-color: #BA7517; --yl-cat-kultur-bg: #FAEEDA; --yl-cat-yasam-color: #7F77DD; --yl-cat-yasam-bg: #EEEDFE; --yl-cat-saglik-color: #1D9E75; --yl-cat-saglik-bg: #E1F5EE; --yl-cat-magazin-color: #D4537E; --yl-cat-magazin-bg: #FBEAF0; /* ------------------------------------------------------------------ UI DURUM RENKLERİ ------------------------------------------------------------------ */ --yl-color-success: #639922; --yl-color-success-bg: #EAF3DE; --yl-color-success-dark: #3B6D11; --yl-color-warning: #BA7517; --yl-color-warning-bg: #FAEEDA; --yl-color-warning-dark: #854F0B; --yl-color-error: #E24B4A; --yl-color-error-bg: #FCEBEB; --yl-color-error-dark: #A32D2D; --yl-color-info: #378ADD; --yl-color-info-bg: #E6F1FB; --yl-color-info-dark: #0C447C; /* ------------------------------------------------------------------ ZEMİN VE YÜZEY RENKLERİ ------------------------------------------------------------------ */ --yl-bg-page: #F8F8F8; --yl-bg-surface: #FFFFFF; --yl-bg-elevated: #FFFFFF; --yl-bg-subtle: #F5F5F5; --yl-bg-muted: #EBEBEB; /* ------------------------------------------------------------------ METİN RENKLERİ ------------------------------------------------------------------ */ --yl-text-primary: #1A1A1A; --yl-text-secondary: #4A4A4A; --yl-text-tertiary: #767676; --yl-text-disabled: #ABABAB; --yl-text-inverse: #FFFFFF; --yl-text-link: #E24B4A; --yl-text-link-hover: #A32D2D; /* ------------------------------------------------------------------ SINIR (BORDER) RENKLERİ ------------------------------------------------------------------ */ --yl-border-light: #EBEBEB; --yl-border-default: #D4D4D4; --yl-border-strong: #ABABAB; --yl-border-focus: #E24B4A; /* ------------------------------------------------------------------ TİPOGRAFİ — Font Stack ------------------------------------------------------------------ */ --yl-font-primary: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --yl-font-serif: 'Georgia', 'Times New Roman', 'Noto Serif', serif; --yl-font-mono: 'Fira Code', 'Courier New', Courier, monospace; /* ------------------------------------------------------------------ TİPOGRAFİ — Boyutlar (mobile-first, 15px base) ------------------------------------------------------------------ */ --yl-font-xs: 0.6875rem; /* 11px */ --yl-font-sm: 0.8125rem; /* 13px */ --yl-font-base: 0.9375rem; /* 15px */ --yl-font-md: 1rem; /* 16px */ --yl-font-lg: 1.125rem; /* 18px */ --yl-font-xl: 1.375rem; /* 22px */ --yl-font-2xl: 1.75rem; /* 28px */ --yl-font-3xl: 2.25rem; /* 36px */ --yl-font-display: 2.625rem; /* 42px */ /* ------------------------------------------------------------------ TİPOGRAFİ — Ağırlıklar ------------------------------------------------------------------ */ --yl-weight-regular: 400; --yl-weight-medium: 500; --yl-weight-semibold: 600; --yl-weight-bold: 700; /* ------------------------------------------------------------------ TİPOGRAFİ — Satır yükseklikleri ------------------------------------------------------------------ */ --yl-lh-tight: 1.1; --yl-lh-snug: 1.3; --yl-lh-normal: 1.5; --yl-lh-relaxed: 1.6; --yl-lh-loose: 1.7; --yl-lh-body: 1.75; /* ------------------------------------------------------------------ SPACING — 4px tabanlı sistem ------------------------------------------------------------------ */ --yl-sp-1: 0.25rem; /* 4px */ --yl-sp-2: 0.5rem; /* 8px */ --yl-sp-3: 0.75rem; /* 12px */ --yl-sp-4: 1rem; /* 16px */ --yl-sp-5: 1.25rem; /* 20px */ --yl-sp-6: 1.5rem; /* 24px */ --yl-sp-8: 2rem; /* 32px */ --yl-sp-10: 2.5rem; /* 40px */ --yl-sp-12: 3rem; /* 48px */ --yl-sp-16: 4rem; /* 64px */ --yl-sp-20: 5rem; /* 80px */ --yl-sp-24: 6rem; /* 96px */ /* ------------------------------------------------------------------ BORDER RADIUS ------------------------------------------------------------------ */ --yl-radius-sm: 4px; --yl-radius-md: 6px; --yl-radius-lg: 8px; --yl-radius-xl: 12px; --yl-radius-2xl: 16px; --yl-radius-pill: 999px; --yl-radius-circle: 50%; /* ------------------------------------------------------------------ BREAKPOINTS ------------------------------------------------------------------ */ --yl-bp-xs: 320px; --yl-bp-sm: 375px; --yl-bp-md: 768px; --yl-bp-lg: 1024px; --yl-bp-xl: 1200px; --yl-bp-2xl: 1440px; /* ------------------------------------------------------------------ KONTEYNER VE GRID ------------------------------------------------------------------ */ --yl-container-max: 1200px; --yl-container-padding: var(--yl-sp-3); --yl-gutter-mobile: 12px; --yl-gutter-tablet: 16px; --yl-gutter-desktop: 24px; --yl-sidebar-width: 300px; /* ------------------------------------------------------------------ REKLAM ALANLARI — CLS koruması (Faz 1: 6 aktif slot) ------------------------------------------------------------------ */ --yl-ad-leaderboard-h: 90px; --yl-ad-leaderboard-h-mob: 50px; --yl-ad-rectangle-h: 250px; --yl-ad-halfpage-h: 600px; --yl-ad-content-mid-h-mob: 100px; /* ------------------------------------------------------------------ HEADER ------------------------------------------------------------------ */ --yl-header-height-mobile: 56px; --yl-header-height-desktop: 72px; --yl-topbar-height: 36px; /* ------------------------------------------------------------------ Z-INDEX KATMANLARI ------------------------------------------------------------------ */ --yl-z-below: -1; --yl-z-base: 0; --yl-z-raised: 10; --yl-z-dropdown: 100; --yl-z-sticky: 200; --yl-z-overlay: 300; --yl-z-modal: 400; --yl-z-toast: 500; /* ------------------------------------------------------------------ GEÇİŞ / ANİMASYON ------------------------------------------------------------------ */ --yl-transition-fast: 150ms ease; --yl-transition-base: 250ms ease; --yl-transition-slow: 400ms ease; /* ------------------------------------------------------------------ GÖLGE ------------------------------------------------------------------ */ --yl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06); --yl-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08); --yl-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.10); --yl-shadow-focus: 0 0 0 3px rgba(226, 75, 74, 0.25); }