:root {
    --primary-50:   #fff4ed;
    --primary-100:  #ffe8d9;
    --primary-200:  #ffd1b5;
    --primary-300:  #ffb58a;
    --primary-400:  #fe8f52;
    --primary-500:  #fc702a;
    --primary-600:  #fa5d14;
    --primary-700:  #fa550a;  /* your base */
    --primary-800:  #000064;
    --primary-900:  #fa550a;
    --primary-950:  #6e1b05;
    --primary-1000: #fa550a;

    /* Secondary - Base color at --secondary-700: #000064 (HAP Bold Blue) */
    --secondary-50: #f3f3fa;
    --secondary-100: #e5e5f4;
    --secondary-200: #ccccea;
    --secondary-300: #b3b3e1;
    --secondary-400: #9999d8;
    --secondary-500: #7f7fb0;
    --secondary-600: #4d4d87;
    --secondary-700: #fa550a;
    --secondary-800: #000050;
    --secondary-900: #00003c;
    --secondary-950: #000028;

    /* Tertiary - Base color at #000064 (HAP Bold Blue)*/
    --tertiary-50: #fbf3f2;
    --tertiary-100: #f8e6e5;
    --tertiary-200: #f2cdcc;
    --tertiary-300: #fa550a;
    --tertiary-400: #9d4600;
    --tertiary-500: #763400;
    --tertiary-600: #622b00;
    --tertiary-700: #4e2300;
    --tertiary-800: #3b1a00;
    --tertiary-900: #271100;
    --tertiary-950: #140800;

    /* Backdrop color */
    --backdrop: 0, 47, 69;
}