:root {
    /* ========== PRIMARY COLORS ========== */
    --primary: rgba(75, 139, 140, 1);          /* Muted teal */
    --primary-dark: rgba(61, 115, 116, 1);     /* Darker teal */
    --primary-bright: rgba(105, 180, 190, 1);   /* Lighter teal */
    --primary-darker-teal: rgba(61, 110, 111, 1);
    --primary-lighter-teal: rgba(110, 168, 170, 1);
    --primary-faded: rgba(139, 180, 181, 1);

    /* ========== SECONDARY COLORS ========== */
    --secondary: rgba(140, 108, 124, 1);        /* Desaturated purple */
    --secondary-light: rgba(153, 102, 204, 1);  /* Amethyst */
    --accent: rgba(183, 169, 198, 1);           /* Lavender gray (old accent replacement) */

    /* ========== WARM ACCENTS (CTAS) ========== */
    --warm-accent: rgba(199, 155, 155, 1);      /* Rosy Brown - primary CTAs */
    --warm-highlight: rgba(228, 203, 168, 1);   /* Warm sand */
    --warm-light-sand: rgba(232, 220, 201, 1);

    /* ========== INDIGO ACCENTS ========== */
    --indigo-deep: rgba(60, 64, 140, 1);
    --indigo: rgba(74, 88, 153, 1);
    --indigo-light: rgba(107, 117, 176, 1);

    /* ========== BLUE ACCENTS ========== */
    --blue-steel: rgba(75, 117, 140, 1);
    --blue-steel-dark: rgba(61, 93, 111, 1);
    --blue-cadet: rgba(110, 147, 170, 1);
    --blue-cadet-light: rgba(139, 166, 181, 1);

    /* ========== LAVENDER ACCENTS ========== */
    --periwinkle: rgba(197, 203, 225, 1);       /* Light periwinkle */
    --periwinkle-mid: rgba(156, 168, 217, 1);
    --periwinkle-light-alt: rgba(184, 194, 232, 1);
    --periwinkle-faded: rgba(212, 221, 245, 1);

    /* ========== BACKGROUNDS ========== */
    --bg: rgba(18, 18, 18, 1);               /* Material Design dark gray (old --bg replacement) */
    --bg-elevated: rgba(27, 77, 94, 1);      /* Softened navy for surfaces */
    --bg-card: rgba(26, 29, 33, 1);          /* Card backgrounds */
    --bg-light: rgba(26, 29, 33, 1);         /* Replaced old rgba(26, 26, 26, 1) with new card bg */

    /* ========== TEXT ========== */
    --text: rgba(222, 222, 222, 1);             /* 87% rgba(255, 255, 255, 1) (old --text replacement) */
    --text-muted: rgba(153, 153, 153, 1);       /* 60% opacity (old --text-muted replacement) */
    --text-subtle: rgba(125, 211, 252, 1);      /* Ice blue for hints */

    /* ========== BORDERS & EFFECTS ========== */
    --border: rgba(45, 70, 71, 1);           /* Primary borders (old --border replacement) */
    --border-subtle: rgba(30, 42, 49, 1);    /* Subtle dividers */
    --shadow: rgba(0, 0, 0, 0.5); /* (Same) */

    /* ========== CODE SYNTAX COLORS (DARCULA) ========== */
    /* Custom Colors */
    --code-function-call: rgba(0, 197, 190, 1);
    --code-method-call: rgba(0, 197, 190, 1);

    /* Text & Background */
    --code-background: rgba(43, 43, 43, 1);
    --code-foreground: rgba(169, 183, 198, 1);
    --code-caret: rgba(187, 187, 187, 1);
    --code-caret-row: rgba(50, 50, 50, 1);
    --code-selection-background: rgba(33, 66, 131, 1);

    /* Syntax Highlighting */
    --code-keyword: rgba(204, 120, 50, 1);
    --code-string: rgba(106, 135, 89, 1);
    --code-number: rgba(104, 151, 187, 1);
    --code-comment: rgba(128, 128, 128, 1);
    --code-builtin: rgba(136, 136, 198, 1);
    --code-self: rgba(148, 85, 141, 1);

    /* Code Elements */
    --code-definition: rgba(169, 183, 198, 1);
    --code-cursor: rgba(187, 187, 187, 1);

    /* Console & Output */
    --code-console-foreground: rgba(169, 183, 198, 1);
    --code-console-background: rgba(43, 43, 43, 1);
    --code-stdout: rgba(187, 187, 187, 1);
    --code-stderr: rgba(255, 107, 104, 1);

    /* Errors & Warnings */
    --code-error-foreground: rgba(169, 183, 198, 1);
    --code-error-background: rgba(83, 43, 46, 1);

    /* Search & Highlights */
    --code-hit-foreground: rgba(169, 183, 198, 1);
    --code-hit-background: rgba(21, 82, 33, 1);
    --code-highlight-foreground: rgba(169, 183, 198, 1);
    --code-highlight-background: rgba(33, 66, 131, 1);

    /* Breakpoints & Debug */
    --code-break-foreground: rgba(169, 183, 198, 1);
    --code-break-background: rgba(58, 35, 35, 1);

    /* UI Elements */
    --code-gutter-background: rgba(49, 51, 53, 1);
    --code-line-numbers: rgba(96, 99, 102, 1);
    /* ========== AUTO-GENERATED ========== */
    --action-background: rgba(199, 155, 155, 0.1);
    --action-background-2: rgba(169, 183, 198, 0.2);
    --action-border: rgba(47, 79, 79, 1);
    --button-background: rgba(26, 29, 33, 0.8);
    --button-background-2: rgba(0, 0, 0, 0);
    --button-background-3: rgba(255, 255, 255, 0.2);
    --button-color: rgba(228, 203, 168, 1);
    --feedback-border: rgba(169, 183, 198, 1);
    --feedback-border-2: rgba(169, 183, 198, 1);
    --feedback-border-3: rgba(169, 183, 198, 1);
    --feedback-shadow: rgba(169, 183, 198, 0.1);
    --home-background: rgba(96, 96, 96, 1);
    --home-background-2: rgba(26, 29, 33, 0.4);
    --home-border: rgba(97, 97, 97, 1);
    --home-border-2: rgba(97, 97, 97, 1);
    --home-color: rgba(127, 127, 127, 1);
    --mobile-background: rgba(18, 18, 18, 0.95);
    --mode-background: rgba(232, 220, 201, 0.1);
    --mode-border: rgba(45, 70, 71, 1);
    --mode-color: rgba(232, 220, 201, 1);
    --report-background: rgba(26, 29, 33, 0.95);
    --report-background-2: rgba(199, 155, 155, 0.2);
    --report-border: rgba(199, 155, 155, 1);
    --search-background: rgba(27, 77, 94, 0.6);
    --search-background-2: rgba(105, 180, 190, 0.6);
    --search-background-3: rgba(75, 139, 140, 0.1);
    --search-mask: rgba(255, 255, 255, 1);
    --track-background: rgba(26, 29, 33, 0.6);
    --track-background-2: rgba(107, 117, 176, 0.1);
    --track-background-3: rgba(199, 155, 155, 0.05);
    --track-border: rgba(28, 43, 51, 1);
    --track-border-2: rgba(128, 128, 128, 1);
    --track-color: rgba(26, 29, 33, 1);
    --track-color-2: rgba(156, 168, 217, 1);
    --track-color-3: rgba(75, 117, 140, 1);
    --track-color-4: rgba(75, 117, 140, 1);
    --track-color-5: rgba(199, 155, 155, 1);
    --track-color-6: rgba(128, 128, 128, 1);
    --track-shadow: rgba(189, 232, 255, 0.2);

}