:root {
    /* Renkler */
    --color-primary: #0056b3;
    --color-primary-dark: #003d82;
    --color-accent: #00bfff;
    --color-accent-light: #00e5ff;
    --color-hero-blob-dark: #00224a;

    --color-text: #333;
    --color-text-muted: #666;
    --color-text-light: #555;
    --color-text-lighter: #777;
    --color-label: #444;
    --color-heading-dark: #111;

    --color-border: #ccc;
    --color-border-light: #eee;

    --color-white: #fff;
    --color-bg: #f9f9f9;
    --color-dark: #1a1a1a;
    --color-dark-muted: #aaa;

    --color-whatsapp: #25d366;

    /* Gölgeler */
    --shadow-header: 0 2px 5px rgba(0, 0, 0, 0.1);
    --shadow-btn: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.05);
    --shadow-card-hover: 0 8px 25px rgba(0, 0, 0, 0.1);
    --shadow-contact: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-focus: 0 0 5px rgba(0, 86, 179, 0.2);
    --shadow-nav-panel: -12px 0 35px rgba(0, 0, 0, 0.18);

    /* Yarıçap */
    --radius-sm: 4px;
    --radius-base: 5px;
    --radius-lg: 8px;
    --radius-pill: 50px;

    /* Geçiş */
    --transition-base: 0.3s;

    /* Boyut */
    --header-height: 65px;
    --container-width: 1640px;
    --topbar-height : 38px;

    /* Katman sırası: sidebar (nav-panel) > overlay > navbar (header) > diğer içerikler */
    --z-fab: 900;
    --z-header: 1000;
    --z-nav-overlay: 1001;
    --z-nav-panel: 1002;
    --z-modal: 2000;
    --z-toast: 2100;

    /* Fontlar */
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}