:root {
    /* ============================================
       CSA THEME - Orange Color Palette
       ============================================ */

    /* BASE COLORS */
    --fs-black: #000000;
    --fs-white: #FFFFFF;

    --fs-gray-csa: #C5C6C8;

    /* GRAYS */
    --fs-gray-100: #f0f0f0;
    --fs-gray-200: #E9E9E9;
    --fs-gray-300: #ccc;
    --fs-gray-500: #adadad;
    --fs-gray-600: #9ea0a2;
    /* Table headers, disabled buttons */
    --fs-gray-700: #888a8c;
    /* Disabled borders */
    --fs-gray-900: #333333;
    --fs-gray-alpha-50: rgba(238, 238, 238, .50);

    /* ORANGE PALETTE (CSA Primary) */
    --fs-orange-100: rgba(237, 128, 27, 0.05);
    /* Very subtle bg */
    --fs-orange-200: rgba(237, 128, 27, 0.1);
    /* Subtle bg */
    --fs-orange-300: rgba(237, 128, 27, 0.15);
    /* Light bg */
    --fs-orange-400: rgba(237, 128, 27, 0.3);
    /* Medium */
    --fs-orange-csa: #FF8200;
    /* Primary orange */
    --fs-orange-dark: #be6615;
    /* Hover state */
    --fs-orange-darker: #a5550f;
    /* Active/borders */
    --fs-orange-switch: #d9700a;
    /* Toggle switches */

    /* LEGACY BLUE (kept for compatibility, mapped to orange) */
    --fs-blue-100: var(--fs-orange-200);
    --fs-blue-200: var(--fs-orange-300);
    --fs-blue-300: var(--fs-orange-400);
    --fs-blue: var(--fs-orange-csa);

    /* SEMANTIC COLORS */
    --fs-bg-color: var(--fs-white);
    --fs-bg-color-secondary: var(--fs-white);
    --fs-bg-color-tertiary: var(--fs-gray-100);
    --fs-bg-color-quarternary: var(--fs-gray-200);
    --fs-bg-color-quinary: var(--fs-gray-300);
    --fs-border: var(--fs-gray-200);

    --fs-text-color: var(--fs-gray-900);

    /* HIGHLIGHTS - Orange based */
    --fs-hightlight-bg: var(--fs-orange-100);
    --fs-hightlight-bg-alternative: var(--fs-orange-200);
    --fs-hightlight-bg-secondary: var(--fs-orange-300);

    /* ACCENT & PRIMARY - Orange */
    --fs-accent: var(--fs-orange-csa);
    --fs-primary: var(--fs-orange-csa);

    --fs-light: var(--fs-white);
    --fs-bg-light: var(--fs-bg-color-secondary);

    /* HOVER - Orange based */
    --fs-hover: var(--fs-orange-200);

    /* BUTTON STATES - Orange */
    --fs-btn: var(--fs-orange-csa);
    --fs-btn-hover: var(--fs-orange-dark);
    --fs-btn-active: var(--fs-orange-darker);

    --fs-success: #138821;
    --fs-success-hover: #489B49;
    --fs-success-active: #8BBF89;

    --fs-info: #155BCB;
    --fs-info-hover: #4177D3;
    --fs-info-active: #84A5E4;

    --fs-warning: #FFCD05;
    --fs-warning-hover: #DFB41E;
    --fs-warning-active: #A3882D;

    --fs-danger: #EA4D3C;
    --fs-danger-hover: #EA4D3C;
    --fs-danger-active: #F48D82;

    /* SPACING */

    --fs-spacing-base: 8px;
    --fs-spacing-half: calc(var(--fs-spacing-base) / 2);
    --fs-spacing-quarter: calc(var(--fs-spacing-base) / 4);

    --fs-spacing-1x: var(--fs-spacing-base);
    --fs-spacing-2x: calc(var(--fs-spacing-base) * 2);
    --fs-spacing-3x: calc(var(--fs-spacing-base) * 3);
    --fs-spacing-4x: calc(var(--fs-spacing-base) * 4);
    --fs-spacing-5x: calc(var(--fs-spacing-base) * 5);
    --fs-spacing-6x: calc(var(--fs-spacing-base) * 6);
    --fs-spacing-7x: calc(var(--fs-spacing-base) * 7);
    --fs-spacing-8x: calc(var(--fs-spacing-base) * 8);
    --fs-spacing-9x: calc(var(--fs-spacing-base) * 9);
    --fs-spacing-10x: calc(var(--fs-spacing-base) * 10);
    --fs-spacing-11x: calc(var(--fs-spacing-base) * 11);
    --fs-spacing-12x: calc(var(--fs-spacing-base) * 12);
    --fs-spacing-13x: calc(var(--fs-spacing-base) * 13);
    --fs-spacing-14x: calc(var(--fs-spacing-base) * 14);
    --fs-spacing-15x: calc(var(--fs-spacing-base) * 15);
    --fs-spacing-16x: calc(var(--fs-spacing-base) * 16);
    --fs-spacing-17x: calc(var(--fs-spacing-base) * 17);
    --fs-spacing-18x: calc(var(--fs-spacing-base) * 18);
    --fs-spacing-19x: calc(var(--fs-spacing-base) * 19);
    --fs-spacing-20x: calc(var(--fs-spacing-base) * 20);
    --fs-spacing-21x: calc(var(--fs-spacing-base) * 21);
    --fs-spacing-22x: calc(var(--fs-spacing-base) * 22);
    --fs-spacing-23x: calc(var(--fs-spacing-base) * 23);
    --fs-spacing-24x: calc(var(--fs-spacing-base) * 24);
    --fs-spacing-25x: calc(var(--fs-spacing-base) * 25);
    --fs-spacing-26x: calc(var(--fs-spacing-base) * 26);
    --fs-spacing-27x: calc(var(--fs-spacing-base) * 27);
    --fs-spacing-28x: calc(var(--fs-spacing-base) * 28);
    --fs-spacing-29x: calc(var(--fs-spacing-base) * 29);
    --fs-spacing-30x: calc(var(--fs-spacing-base) * 30);
}