:root {
    /* — temel renkler */
    --stg-color-white: #FFFFFF;
    --stg-color-black: #000000;
    /* — gri tonları */
    --stg-color-gray-50: #F9FAFB;
    --stg-color-gray-100: #F3F4F6;
    --stg-color-gray-200: #E5E7EB;
    --stg-color-gray-400: #9CA3AF;
    --stg-color-gray-600: #4B5563;
    --stg-color-gray-800: #1F2937;
    --stg-color-gray-900: #111827;
    /* — kırmızı / hata */
    --stg-color-red-100: #FEE2E2;
    --stg-color-red-400: #F87171;
    --stg-color-red-500: #EF4444;
    --stg-color-red-700: #B91C1C;
    /* — turuncu / uyarı */
    --stg-color-orange-100: #FFEDD5;
    --stg-color-orange-400: #FB923C;
    --stg-color-orange-500: #F97316;
    --stg-color-orange-700: #C2410C;
    /* — sarı / dikkat */
    --stg-color-yellow-100: #FEF9C3;
    --stg-color-yellow-400: #FACC15;
    --stg-color-yellow-500: #EAB308;
    --stg-color-yellow-700: #A16207;
    /* — yeşil / başarı */
    --stg-color-green-100: #DCFCE7;
    --stg-color-green-400: #4ADE80;
    --stg-color-green-500: #22C55E;
    --stg-color-green-700: #15803D;
    /* — mavi / bilgi */
    --stg-color-blue-100: #DBEAFE;
    --stg-color-blue-400: #60A5FA;
    --stg-color-blue-500: #3B82F6;
    --stg-color-blue-700: #1D4ED8;
    /* — mor / vurgu */
    --stg-color-purple-100: #EDE9FE;
    --stg-color-purple-400: #A78BFA;
    --stg-color-purple-500: #8B5CF6;
    --stg-color-purple-700: #6D28D9;
    /* — pembe / aksan */
    --stg-color-pink-100: #FCE7F3;
    --stg-color-pink-400: #F472B6;
    --stg-color-pink-500: #EC4899;
    --stg-color-pink-700: #BE185D;
    /* — transparanlık */
    --stg-color-overlay-light: rgba(255,255,255,0.08);
    --stg-color-overlay-dark: rgba(0,0,0,0.40);
}