:root {
    /* Primary - base at --primary-700: #095e68 */
    --primary-50:   #eaf6f7;
    --primary-100:  #d0ecee;
    --primary-200:  #a3dbdf;
    --primary-300:  #6dc3ca;
    --primary-400:  #3aa3ac;
    --primary-500:  #1c848d;
    --primary-600:  #0f6a73;
    --primary-700:  #d64227;  /* your base */
    --primary-800:  #9d4600; 
    --primary-900:  #095e68;
    --primary-950:  #095e68;
    --primary-1000: #d64227;
    /* Secondary - hover slot repointed to #d64227 */
    --secondary-50:  #edfbfc;
    --secondary-100: #d7f6fa;
    --secondary-200: #adeef5;
    --secondary-300: #78e5f2;
    --secondary-400: #3adbee;
    --secondary-500: #10c5da;
    --secondary-600: #0b8e9d;
    --secondary-700: #095e68; /* fixed base */
    --secondary-800: #05464e;
    --secondary-900: #023137;
    --secondary-950: #012023;
    /* Tertiary - same hover slot pattern */
    --tertiary-50:  #fbf3f2;
    --tertiary-100: #f8e6e5;
    --tertiary-200: #f2cdcc;
    --tertiary-300: #095e68;  /* was hardcoded to match primary base — now the hover color */
    --tertiary-400: #9d4600;
    --tertiary-500: #763400;
    --tertiary-600: #622b00;
    --tertiary-700: #095e68;
    --tertiary-800: #3b1a00;
    --tertiary-900: #271100;
    --tertiary-950: #140800;
    --backdrop: 0, 47, 69;
}