:root {

        /* Brand Colors */
        --primary: #13005E;
        --secondary: #005D8B;
        --accent: #CCCCFF;

        /* Text Colors */
        --text-primary: #CCCCFF;
        --text-secondary: #CCFFFF;
        --text: #E6E6E6;
        --text-red: #FF7575;

        /* Background Colors */
        --bg-primary: linear-gradient(135deg, #121212 0%, #006033 100%);
        --bg-secondary: #000055;
        --bg-section: #121212;
        --bg-highlights: #320A50;;
        --bg-transparent: #FFFFFF00;
        --bg-table: #121212;
        --bg-swot: #121212;

        /* Gradient Backgrounds */
        --bg-conclusion: linear-gradient(135deg, #121212 0%, #003870 100%);
        --bg-causes: linear-gradient(135deg, #121212 0%, #0C4E54 100%);
        --bg-persistence: linear-gradient(180deg, #121212 0%, #6F2400 100%);
        --bg-competitive: linear-gradient(135deg, #121212 0%, #004545 100%);
        --bg-gradient: linear-gradient(135deg, #00009C 0%, #8F57C7 100%);

        /* UI Colors */
        --border-light: #202F42;
        --success: #00F263;
        --warning: #C26211;
        --danger: #800000;
        --favor: #00B1C1;
        --success-card: #006228;
        --warning-card: #472000;
        --danger-card: #5F0000;
        --favor-card: #00454C;

        /* Card Border Colors - Organized as array */
        --border-1: #970000;
        --border-2: #30AAA2;
        --border-3: #2C9AB3;
        --border-4: #D3A606;
        --border-5: #2718A1;
        --border-6: #5B159F;
        --border-7: #1FCF76;
        --border-8: #8B0233;
        --border-9: #946102;
        --border-10: #B71664;

        /* 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;
      
}