/* DEFAULT THEMING VARIABLES */
    :root {
        /*Color vars*/
        /* Base colors */
        --primary: #ff9d25;
        --secondary: #FFB347;
        --tertiary: #f0901c;
        --quaternary: #f6b2a1;
        --accent: #F25555;

        /* Colour Scheme palette */
        /* very light, page background */
        --neutral-100: #FFF8EF;
        --neutral-200: #FFE4C1;
        /* light cards/sections */
        --neutral-300: #FFD1A0;
        --neutral-400: #ffad5b;
        /* primary accent */
        --neutral-500: #F1921D;
        --neutral-600: #D17919;
        /* subtle borders or text */
        --neutral-700: #A66114;
        --neutral-800: #70410E;
        /* primary text */
        --neutral-900: #302e2c;

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

        /* Text */
        --text-primary: var(--neutral-900);
        --text-secondary: var(--gray-700);
        --text-inverse: var(--neutral-100);
        --text-link: #149EAD;
        --text-link-visited: #9E4412;
        --text-placeholder: #999999;

        /* Feedback states */
        --error: #E53935;
        --warn: #FF9800;
        --success: #4CAF50;
        --highlight: #FFE585;
        --selection: #99D9F4;
        --focused: #95d1db;

        /* Buttons */
        --button-text: #FFFFFF;
        --button-text-alt: var(--button-bg);
        --button-bg: #4B78CA;
        --button-confirm: #4CAF50;
        --button-cancel: #C62828;

        /* Forms */
        --input-bg: #FFFFFF;
        --input-success: #E9FFE9;
        --input-error: #FFD6D6;
        --input-readonly: #DADADA;

        /* Specific Elements */
        --bg-page: var(--neutral-200);
        --bg-code: #2D2F33;
        --bg-section: rgba(0, 0, 0, 0.7);
        --bg-panel: var(--primary);
        --bg-panel-sub: var(--tertiary);
        --bg-modal: var(--neutral-100);
        --bg-overlay: rgba(0, 0, 0, 0.7);
        --bg-progress-shell: var(--neutral-100);
        --bg-progress-bar: var(--neutral-600);
        --skeleton-gradient: linear-gradient(90deg, var(--gray-500) 25%, var(--gray-600) 50%, var(--gray-500) 75%);

        /* Others */
        --border-primary: #3b3b3b;
        --border-secondary: var(--accent);

        --font-weight-base: 500;

    }