:root {
    /* Primary (teal) */
    --primary-100: #A6DDF0;
    --primary-300: #65B0C7;
    --primary-500: #00778F;
    --primary-700: #00576E;
    --primary-900: #00374D;

    /* Secondary (teal, darker) */
    --secondary-100: #A9D7E6;
    --secondary-300: #64A1B3;
    --secondary-500: #005E71;
    --secondary-700: #004658;
    --secondary-900: #002D3F;

    /* Success (green) */
    --success-100: #9FE7B9;
    --success-300: #5FBE87;
    --success-500: #028850;
    --success-700: #006430;
    --success-900: #003F0F;

    /* Warning (yellow/orange) */
    --warning-100: #FFDB91;
    --warning-300: #FFC666;
    --warning-500: #F7AD41;
    --warning-700: #B67500;
    --warning-900: #743E00;

    /* Danger (red) */
    --danger-100: #FFB596;
    --danger-300: #F87755;
    --danger-500: #B22C12;
    --danger-700: #8F0000;
    --danger-900: #6C0000;

    /* Flag (orange) */
    --flag-100: #FFCEB7;
    --flag-300: #FFAF93;
    --flag-500: #FA8C70;
    --flag-700: #BF5941;
    --flag-900: #812412;

    /* Marketing (lime) */
    --marcomm-100: #E0EBA3;
    --marcomm-300: #C8D87C;
    --marcomm-500: #ABBE59;
    --marcomm-700: #738723;
    --marcomm-900: #3A5000;

    /* ===============================================================
       LEGACY VARIABLES (unchanged literal hex values)
       Preserved exactly as before; NOT remapped to the new scale.
       =============================================================== */

    /* Admin-specific legacy colors */
    --blue:       #00778F;
    --info:       #6EB5C8;
    --gray-light: #FFEFEF;

    /* Primary */
    --primary:        #00778F;
    --primary-light:  #e6f5f8;
    --primary-hover:  #008daa;
    --primary-active: #007e97;

    /* Secondary */
    --secondary:        #005e71;
    --secondary-light:  #a8d0d9;
    --secondary-hover:  #004755;
    --secondary-active: #003742;

    /* Success */
    --success:        #028850;
    --success-light:  #E6F7F0;
    --success-hover:  #02995A;
    --success-active: #02AA64;

    /* Warning */
    --warning:        #F7AD41;
    --warning-light:  #FEF7EC;
    --warning-hover:  #DE9C3B;
    --warning-active: #C68A34;

    /* Danger */
    --danger:        #B22C12;
    --danger-light:  #FCEBE8;
    --danger-hover:  #C83214;
    --danger-active: #DE3716;

    /* Flag */
    --flag:        #DB340A;
    --flag-light:  #FDDBD3;
    --flag-hover:  #E17E65;
    --flag-active: #C8705A;

    /* Marketing */
    --marcomm:       #ABBE59;
    --marcomm-light: #F9FBEF;

    /* Grayscale / neutral ramp */
    --gray:      #BBBDC0;
    --gray-100:  #F0F0F0;
    --gray-200:  #F9FAFB;
    --gray-300:  #EBEEF2;
    --gray-400:  #D9D9D9;
    --gray-500:  #595959;
    --dark:      #343A40;
    --white:     #fff;
    --light:     #ffffff;
    --black:     #000000;
}