/**
 * SADO Color System
 * Üç Yirmiiki Grafik Tasarım - Brand Colors
 *
 * Primary: #f1c40f (Sarı/Yellow)
 * Dark: #333333 (Koyu Gri)
 * Light: #e9ecef (Açık Gri)
 * White: #ffffff
 */

:root {
    /* Primary Colors */
    --sado-primary: #f1c40f;
    --sado-primary-hover: #d4ac0d;
    --sado-primary-light: #f9e076;
    --sado-primary-dark: #b8960b;

    /* Dark Colors */
    --sado-dark: #333333;
    --sado-dark-hover: #1a1a1a;
    --sado-dark-light: #4d4d4d;
    --sado-dark-muted: #666666;

    /* Light/Gray Colors */
    --sado-light: #e9ecef;
    --sado-light-hover: #dee2e6;
    --sado-gray-100: #f8f9fa;
    --sado-gray-200: #e9ecef;
    --sado-gray-300: #dee2e6;
    --sado-gray-400: #ced4da;
    --sado-gray-500: #adb5bd;
    --sado-gray-600: #6c757d;
    --sado-gray-700: #495057;
    --sado-gray-800: #343a40;
    --sado-gray-900: #212529;

    /* White */
    --sado-white: #ffffff;

    /* Semantic Colors */
    --sado-success: #28a745;
    --sado-danger: #dc3545;
    --sado-warning: #ffc107;
    --sado-info: #17a2b8;
}

/* ========================================
   Background Colors
   ======================================== */
.sado-bg-primary { background-color: var(--sado-primary) !important; }
.sado-bg-primary-hover { background-color: var(--sado-primary-hover) !important; }
.sado-bg-primary-light { background-color: var(--sado-primary-light) !important; }
.sado-bg-primary-dark { background-color: var(--sado-primary-dark) !important; }

.sado-bg-dark { background-color: var(--sado-dark) !important; }
.sado-bg-dark-hover { background-color: var(--sado-dark-hover) !important; }
.sado-bg-dark-light { background-color: var(--sado-dark-light) !important; }

.sado-bg-light { background-color: var(--sado-light) !important; }
.sado-bg-white { background-color: var(--sado-white) !important; }

.sado-bg-gray-100 { background-color: var(--sado-gray-100) !important; }
.sado-bg-gray-200 { background-color: var(--sado-gray-200) !important; }
.sado-bg-gray-300 { background-color: var(--sado-gray-300) !important; }
.sado-bg-gray-400 { background-color: var(--sado-gray-400) !important; }
.sado-bg-gray-500 { background-color: var(--sado-gray-500) !important; }
.sado-bg-gray-600 { background-color: var(--sado-gray-600) !important; }
.sado-bg-gray-700 { background-color: var(--sado-gray-700) !important; }
.sado-bg-gray-800 { background-color: var(--sado-gray-800) !important; }
.sado-bg-gray-900 { background-color: var(--sado-gray-900) !important; }

.sado-bg-success { background-color: var(--sado-success) !important; }
.sado-bg-danger { background-color: var(--sado-danger) !important; }
.sado-bg-warning { background-color: var(--sado-warning) !important; }
.sado-bg-info { background-color: var(--sado-info) !important; }

/* ========================================
   Text Colors
   ======================================== */
.sado-text-primary { color: var(--sado-primary) !important; }
.sado-text-primary-hover { color: var(--sado-primary-hover) !important; }
.sado-text-primary-dark { color: var(--sado-primary-dark) !important; }

.sado-text-dark { color: var(--sado-dark) !important; }
.sado-text-dark-muted { color: var(--sado-dark-muted) !important; }

.sado-text-light { color: var(--sado-light) !important; }
.sado-text-white { color: var(--sado-white) !important; }

.sado-text-gray-500 { color: var(--sado-gray-500) !important; }
.sado-text-gray-600 { color: var(--sado-gray-600) !important; }
.sado-text-gray-700 { color: var(--sado-gray-700) !important; }

.sado-text-success { color: var(--sado-success) !important; }
.sado-text-danger { color: var(--sado-danger) !important; }
.sado-text-warning { color: var(--sado-warning) !important; }
.sado-text-info { color: var(--sado-info) !important; }

/* ========================================
   Border Colors
   ======================================== */
.sado-border-primary { border-color: var(--sado-primary) !important; }
.sado-border-dark { border-color: var(--sado-dark) !important; }
.sado-border-light { border-color: var(--sado-light) !important; }
.sado-border-white { border-color: var(--sado-white) !important; }
.sado-border-gray-300 { border-color: var(--sado-gray-300) !important; }
.sado-border-gray-400 { border-color: var(--sado-gray-400) !important; }

/* ========================================
   Button Variants
   ======================================== */
.sado-btn-primary {
    background-color: var(--sado-primary);
    color: var(--sado-white);
    border: 1px solid var(--sado-primary);
    transition: all 0.2s ease;
}
.sado-btn-primary:hover {
    background-color: var(--sado-primary-hover);
    border-color: var(--sado-primary-hover);
    color: var(--sado-white);
}

.sado-btn-dark {
    background-color: var(--sado-dark);
    color: var(--sado-white);
    border: 1px solid var(--sado-dark);
    transition: all 0.2s ease;
}
.sado-btn-dark:hover {
    background-color: var(--sado-dark-hover);
    border-color: var(--sado-dark-hover);
    color: var(--sado-white);
}

.sado-btn-light {
    background-color: var(--sado-light);
    color: var(--sado-dark);
    border: 1px solid var(--sado-gray-300);
    transition: all 0.2s ease;
}
.sado-btn-light:hover {
    background-color: var(--sado-light-hover);
    border-color: var(--sado-gray-400);
}

.sado-btn-outline-primary {
    background-color: transparent;
    color: var(--sado-primary);
    border: 1px solid var(--sado-primary);
    transition: all 0.2s ease;
}
.sado-btn-outline-primary:hover {
    background-color: var(--sado-primary);
    color: var(--sado-white);
}

.sado-btn-outline-dark {
    background-color: transparent;
    color: var(--sado-dark);
    border: 1px solid var(--sado-dark);
    transition: all 0.2s ease;
}
.sado-btn-outline-dark:hover {
    background-color: var(--sado-dark);
    color: var(--sado-white);
}

/* ========================================
   Badge Variants
   ======================================== */
.sado-badge-primary {
    background-color: var(--sado-primary);
    color: var(--sado-white);
}
.sado-badge-dark {
    background-color: var(--sado-dark);
    color: var(--sado-white);
}
.sado-badge-light {
    background-color: var(--sado-light);
    color: var(--sado-dark);
}

/* ========================================
   Card Variants
   ======================================== */
.sado-card-primary {
    border-left: 4px solid var(--sado-primary);
}
.sado-card-dark {
    border-left: 4px solid var(--sado-dark);
}

/* ========================================
   Hover Effects
   ======================================== */
.sado-hover-primary:hover { color: var(--sado-primary) !important; }
.sado-hover-dark:hover { color: var(--sado-dark) !important; }
.sado-hover-bg-primary:hover { background-color: var(--sado-primary) !important; }
.sado-hover-bg-light:hover { background-color: var(--sado-light) !important; }