:root {
    /* Colors - Dark Theme */
    --color-bg-primary: #0d0d0d;
    --color-bg-secondary: #1a1a1a;
    --color-bg-tertiary: #2c2c2c;
    --color-bg-card: #141414;
    --color-bg-card-hover: #1f1f1f;

    --color-accent: #fd6625;
    --color-accent-hover: #e55a1f;
    --color-accent-light: rgba(253, 102, 37, 0.15);
    --color-accent-glow: rgba(253, 102, 37, 0.3);

    --color-text-primary: #ffffff;
    --color-text-secondary: #b7ab98;
    --color-text-muted: #666666;

    --color-border: #2c2c2c;
    --color-border-light: #3a3a3a;

    /* Typography */
    --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
    --font-body: 'DM Sans', 'Inter', -apple-system, sans-serif;

    --fs-hero: clamp(3.5rem, 11vw, 11rem);
    --fs-h1: clamp(2rem, 5vw, 3.5rem);
    --fs-h2: clamp(1.5rem, 3vw, 2.5rem);
    --fs-h3: clamp(1.1rem, 1.5vw, 1.4rem);
    --fs-h4: clamp(1rem, 1.2vw, 1.15rem);
    --fs-body: clamp(0.85rem, 0.95vw, 0.95rem);
    --fs-small: 0.8rem;
    --fs-caption: 0.7rem;

    --lh-tight: 0.95;
    --lh-heading: 1.1;
    --lh-body: 1.6;

    --ls-wide: 0.1em;
    --ls-wider: 0.2em;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    --space-2xl: 10rem;
    --space-section: clamp(4rem, 8vh, 7rem);

    /* Layout */
    --container-width: 1200px;
    --container-padding: 2rem;
    --header-height: 80px;
    --border-radius: 12px;
    --border-radius-sm: 8px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: 0.8s cubic-bezier(0.16, 1, 0.3, 1);

    /* Z-index */
    --z-behind: -1;
    --z-base: 1;
    --z-card: 2;
    --z-eyes: 5;
    --z-header: 100;
    --z-overlay: 200;
    --z-modal: 300;

    /* Service Theme Defaults */
    --service-primary: var(--color-accent);
    --service-secondary: var(--color-accent-hover);
    --service-gradient: linear-gradient(135deg, var(--service-primary), var(--service-secondary));
    --service-glow: rgba(253, 102, 37, 0.3);
    --service-light: rgba(253, 102, 37, 0.1);
}

/* Service-Specific Themes */
[data-service="sosyal-medya-yonetimi"] {
    --service-primary: #fd6625;
    --service-secondary: #e55a1f;
    --service-gradient: linear-gradient(135deg, #fd6625, #e55a1f);
    --service-glow: rgba(253, 102, 37, 0.3);
    --service-light: rgba(253, 102, 37, 0.1);
}

[data-service="dijital-reklam-yonetimi"] {
    --service-primary: #fd6625;
    --service-secondary: #e55a1f;
    --service-gradient: linear-gradient(135deg, #fd6625, #e55a1f);
    --service-glow: rgba(253, 102, 37, 0.3);
    --service-light: rgba(253, 102, 37, 0.1);
}

[data-service="web-yazilimlari"] {
    --service-primary: #fd6625;
    --service-secondary: #e55a1f;
    --service-gradient: linear-gradient(135deg, #fd6625, #e55a1f);
    --service-glow: rgba(253, 102, 37, 0.3);
    --service-light: rgba(253, 102, 37, 0.1);
}

[data-service="fotograf-video-produksiyonu"] {
    --service-primary: #fd6625;
    --service-secondary: #e55a1f;
    --service-gradient: linear-gradient(135deg, #fd6625, #e55a1f);
    --service-glow: rgba(253, 102, 37, 0.3);
    --service-light: rgba(253, 102, 37, 0.1);
}

[data-service="bef-model"] {
    --service-primary: #fd6625;
    --service-secondary: #e55a1f;
    --service-gradient: linear-gradient(135deg, #fd6625, #e55a1f);
    --service-glow: rgba(253, 102, 37, 0.3);
    --service-light: rgba(253, 102, 37, 0.1);
}