:root {
    /* Renk Paleti - İstanbul Kepenk Servisi */
    --color-bg-primary: #000000;
    --color-text-primary: #F5F5F4;
    --color-text-secondary: #A1A1AA;
    --color-accent: #F59E0B;
    /* Amber - Endüstriyel */
    --color-accent-secondary: #EF4444;
    /* Kırmızı - Acil Servis */
    --color-accent-hover: #D97706;

    /* Glow Efektleri */
    --glow-cyan: rgba(245, 158, 11, 0.3);
    --glow-green: rgba(239, 68, 68, 0.3);

    /* Tipografi */
    --font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-h1: clamp(48px, 5vw, 72px);
    --font-size-h2: clamp(32px, 4vw, 48px);
    --font-size-h3: clamp(24px, 3vw, 32px);
    --font-size-body: 16px;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;

    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-2xl: 80px;
    --spacing-xxl: 80px;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 50px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-glow-cyan: 0 4px 20px var(--glow-cyan);
    --shadow-glow-green: 0 4px 20px var(--glow-green);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.6s ease;

    /* Layout */
    --container-max-width: 1440px;
    --container-padding: 24px;
}

@media (min-width: 768px) {
    :root {
        --container-padding: 48px;
    }
}