:root {

        /* Brand Colors */
        --primary: #e3dcff;
        --secondary: #79d2ff;
        --accent: #003;

        /* Text Colors */
        --text-primary: #003;
        --text-secondary: #033;
        --text: #000;
        --text-red: #600;

        /* Background Colors */
        --bg-primary: linear-gradient(135deg, #fff 0%, #acffd8 100%);
        --bg-secondary: #eef;
        --bg-section: #ffffff;
        --bg-highlights: #f3e7fc;;
        --bg-transparent: #fff0;
        --bg-table: #fff;
        --bg-swot: #fff;

        /* Gradient Backgrounds */
        --bg-conclusion: linear-gradient(135deg, #fff 0%, #9cf 100%);
        --bg-causes: linear-gradient(135deg, #fff 0%, #b6eff5 100%);
        --bg-persistence: linear-gradient(180deg, #fff 0%, #ffbb9a 100%);
        --bg-competitive: linear-gradient(135deg, #fff 0%, #cff 100%);
        --bg-gradient: linear-gradient(135deg, #66f 0%, #639 100%);

        /* UI Colors */
        --border-light: #e2e8f0;
        --success: #00ff68;
        --warning: #ed8936;
        --danger: #ff8686;
        --favor: #3aefff;
        --success-card: #aaffcd;
        --warning-card: #ffe2ca;
        --danger-card: #ffd9d9;
        --favor-card: #c4faff;

        /* Card Border Colors - Organized as array */
        --border-1: #ff6b6b;
        --border-2: #4ecdc4;
        --border-3: #45b7d1;
        --border-4: #f9ca24;
        --border-5: #6c5ce7;
        --border-6: #a55eea;
        --border-7: #26de81;
        --border-8: #fd79a8;
        --border-9: #fdcb6e;
        --border-10: #e84393;

        /* Shadows */
        --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
        --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.15);

        /* Spacing Scale */
        --space-xs: 0.2rem;
        --space-sm: 0.4rem;
        --space-md: 0.7rem;
        --space-lg: 1rem;
        --space-xl: 2rem;

        /* Typography Scale */
        --font-xs: 0.7rem;
        --font-sm: 0.8rem;
        --font-base: 0.9rem;
        --font-lg: 1.1rem;
        --font-xl: 1.2rem;
        --font-2xl: 2rem;
        --font-3xl: 2.5rem;

        /* Border */
        --width: 4px;
        --radius-sm: 8px;
        --radius-md: 12px;
        --radius-full: 20px;
      
}