/**
 * Aslan Medya - Monochrome Luxury Architecture & Editorial Design System
 * Inspired by Aether Retreat / High-End Minimalist Monochrome
 */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap&subset=latin,latin-ext');

:root {
    /* Ana Zemin Paleti: Saf Beyaz & Açık Tonlar */
    --bg-main: #ffffff;
    --bg-surface: #f8f9fa;
    --bg-surface-soft: #f4f4f6;
    --bg-elevated: #ffffff;
    --bg-card-dark: #000000;
    --bg-card-light: #ffffff;
    --bg-glass-dark: rgba(0, 0, 0, 0.03);
    --bg-glass-hover: rgba(0, 0, 0, 0.06);

    /* Saf Kontrast & Monokrom Vurgular */
    --color-pure-white: #ffffff;
    --color-pure-black: #000000;
    --color-gray-soft: #f4f4f5;
    --color-gray-border: #e4e4e7;
    --color-gray-dark-border: rgba(255, 255, 255, 0.15);

    /* Metin & Tipografi Renkleri (Varsayılan Açık Zemin) */
    --text-primary: #18181b;
    --text-secondary: #52525b;
    --text-muted: #71717a;
    --text-dim: #9ca3af;
    --text-dark: #000000;
    --text-dark-muted: #52525b;

    /* Siyah Üst Alan (Hero / Slider) İçin Açık Metin Renkleri */
    --text-on-dark: #ffffff;
    --text-on-dark-muted: #8e929b;
    --text-on-dark-secondary: #cbd5e1;

    /* Sınırlar & İnce Çizgiler */
    --border-subtle: #e4e4e7;
    --border-hover: #000000;
    --border-focus: #000000;
    --border-light-mode: rgba(0, 0, 0, 0.08);
    --border-dark-mode: rgba(255, 255, 255, 0.14);

    /* Tipografi - Referans Görsel Birebir Outfit Geometrik Sans & Editoryal Dil */
    --font-sans: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-family-base: var(--font-sans);
    --font-heading: 'Outfit', var(--font-sans);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Boşluklar (Spacing) */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3.5rem;
    --space-3xl: 6rem;

    /* Köşe Yuvarlama (Radius) - Referans Görselle Birebir */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-curved-section: 48px;
    --radius-pill: 9999px;

    /* Gölgeler & Derinlik */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04);
    --shadow-card-hover: 0 14px 35px rgba(0, 0, 0, 0.08);
    --shadow-light-card: 0 4px 25px rgba(0, 0, 0, 0.04);
    --shadow-dark-hero: 0 25px 60px rgba(0, 0, 0, 0.12);

    /* Akıcı Geçişler */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --transition: 200ms var(--ease-out);
    --transition-smooth: 350ms var(--ease-out);
}