/*
Theme Name: Doğan Kalelioğlu Portal
Theme URI: https://dogankalelioglu.com.tr
Author: Doğan Kalelioğlu
Description: Mühendislik, Finans ve Vlog paylaşımlarının yer aldığı modern, Tailwind tabanlı bir portal teması.
Version: 5.0
Text Domain: dogan-kalelioglu
*/

/* Base CSS variables from globals.css */
:root {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 224.3 76.3% 48%;
    --radius: 0.5rem;
}

/* Base Styles */
body {
    background-color: #020817;
    /* Equivalent to hsl(222.2 84% 4.9%) */
    color: #f8fafc;
    /* Equivalent to hsl(210 40% 98%) */
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Glassmorphism Classes */
.glass {
    background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-dark {
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.text-gradient {
    background: linear-gradient(to right, #60a5fa, #34d399);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.hero-gradient {
    background: radial-gradient(circle at center, rgba(37, 99, 235, 0.15) 0%, transparent 70%);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: hsl(var(--background));
}

::-webkit-scrollbar-thumb {
    background-color: hsla(215, 20.2%, 65.1%, 0.2);
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: hsla(215, 20.2%, 65.1%, 0.4);
}