:root {
    /* Renk Değişkenleri (Hücresel HSL Parçaları) */
    --primary-hue: 195;
    --primary-sat: 83%;
    --primary-light: 58%;
    
    --secondary-hue: 34;
    --secondary-sat: 76%;
    --secondary-light: 40%;
    
    --bg-hue: 200;
    --bg-sat: 47%;
    --bg-light: 6%;
    
    --text-hue: 210;
    --text-sat: 40%;
    --text-light: 98%;
    
    /* HSL Renk Birleşimleri */
    --color-primary: HSL(var(--primary-hue), var(--primary-sat), var(--primary-light));
    --color-primary-hover: HSL(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) - 8%));
    --color-primary-alpha: HSLA(var(--primary-hue), var(--primary-sat), var(--primary-light), 0.12);
    --color-primary-glow: HSLA(var(--primary-hue), var(--primary-sat), var(--primary-light), 0.4);
    
    --color-secondary: HSL(var(--secondary-hue), var(--secondary-sat), var(--secondary-light));
    --color-secondary-hover: HSL(var(--secondary-hue), var(--secondary-sat), calc(var(--secondary-light) - 8%));
    --color-secondary-alpha: HSLA(var(--secondary-hue), var(--secondary-sat), var(--secondary-light), 0.12);
    
    --color-bg: HSL(var(--bg-hue), var(--bg-sat), var(--bg-light));
    --color-bg-card: HSL(var(--bg-hue), calc(var(--bg-sat) - 15%), calc(var(--bg-light) + 4%));
    --color-bg-card-hover: HSL(var(--bg-hue), calc(var(--bg-sat) - 15%), calc(var(--bg-light) + 7%));
    --color-bg-input: HSL(var(--bg-hue), calc(var(--bg-sat) - 20%), calc(var(--bg-light) + 2%));
    --color-bg-nav: HSLA(var(--bg-hue), var(--bg-sat), var(--bg-light), 0.75);
    
    --color-text: HSL(var(--text-hue), var(--text-sat), var(--text-light));
    --color-text-muted: HSL(var(--text-hue), calc(var(--text-sat) - 25%), calc(var(--text-light) - 35%));
    --color-border: HSLA(var(--text-hue), var(--text-sat), var(--text-light), 0.08);
    --color-border-focus: HSLA(var(--primary-hue), var(--primary-sat), var(--primary-light), 0.3);
    
    /* Yazı Tipi */
    --font-family: 'Plus Jakarta Sans', sans-serif;
}