: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)
       =============================================================== */

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

    /* Primary-teal */
    --primary-teal:   #008099;

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

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

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

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

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

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

    /* Grayscale / neutral ramp */
    --gray-100: #F0F0F0;
    --gray-200: #F9FAFB;
    --gray-300: #EBEEF2;
    --gray-400: #D9D9D9;
    --gray-500: #595959;
    --gray:      #6c757d;
    --gray-dark: #343a40;
    --dark:      #343A40;
    --muted:     #535A5F;
    --tertiary:  #4A4A4A;
    --white:     #ffffff;
    --light:     #ffffff;
    --black:     #000000;

    /* Semantic aliases */
    --info:    #005e71;
    --emerald: #005e71;
    --money:   #028850;
    --sunny:   #F7AD41;
}