/* DChFOTO palette override — cool luxury gray
   Chosen to feel premium and restrained: a cold slate/steel gray that stays elegant with white space and photography.
*/
:root {
    --primary: #6C747D;
    --primary-100: #606871;
    --primary-200: #565E67;
    --primary-300: #4C545D;
    --primary--100: #7A828B;
    --primary--200: #889099;
    --primary--300: #969EA7;

    --primary-rgba-0: rgba(108, 116, 125, 0);
    --primary-rgba-10: rgba(108, 116, 125, 0.10);
    --primary-rgba-20: rgba(108, 116, 125, 0.20);
    --primary-rgba-30: rgba(108, 116, 125, 0.30);
    --primary-rgba-40: rgba(108, 116, 125, 0.40);
    --primary-rgba-50: rgba(108, 116, 125, 0.50);
    --primary-rgba-60: rgba(108, 116, 125, 0.60);
    --primary-rgba-70: rgba(108, 116, 125, 0.70);
    --primary-rgba-80: rgba(108, 116, 125, 0.80);
    --primary-rgba-90: rgba(108, 116, 125, 0.90);
}

/* Keep button states and 3D buttons balanced after palette shift */
.btn-primary,
.btn-outline.btn-primary,
html .btn-primary:hover,
html .btn-primary.hover,
html .btn-primary:focus,
html .btn-primary.focus,
html .btn-primary:active,
html .btn-primary.active {
    border-color: var(--primary-100);
}

/* Optional subtle premium touch for outlined buttons and accents */
html .btn-outline.btn-primary {
    color: var(--primary);
}

html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
    color: #FFF;
}