/* Design system — botones (maqueta UI)
   Clases en el contenedor del bloque: bt-yellow | bt-blue | bt-white
   Footer: bt-footer-dark / bt-footer-light (o .contact-button-footer / submit en footer) */
:root {
    --button-font-weight: 500;
    --button-min-height: 42px;
    --button-min-width: 42px;
    --button-padding-y: 0.625rem;
    --button-padding-x: 1.35rem;
    --button-radius: 999px;
    --button-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, outline 0.2s ease;
    --button-color-text: #111111;
    --button-color-text-inverse: #ffffff;
    --button-focus-outline: #111111;
    --button-primary-bg: #fff1b8;
    --button-primary-border: #fff1b8;
    --button-primary-bg-hover: #ffd966;
    --button-primary-border-hover: #ffd966;
    --button-primary-bg-pressed: #ead18a;
    --button-primary-border-pressed: #ead18a;
    --button-secondary-bg: #c5e7f8;
    --button-secondary-border: #c5e7f8;
    --button-secondary-bg-hover: #4a86b8;
    --button-secondary-border-hover: #4a86b8;
    --button-secondary-color-hover: #ffffff;
    --button-secondary-bg-pressed: #3a6d9e;
    --button-secondary-border-pressed: #3a6d9e;
    --button-secondary-color-pressed: #ffffff;
    --button-white-bg: #ffffff;
    --button-white-border: #111111;
    --button-white-bg-hover: #ffd966;
    --button-white-border-hover: #ffd966;
    --button-footer-light-bg: #fff1b8;
    --button-footer-light-border: #fff1b8;
    --button-footer-light-bg-hover: #ffd966;
    --button-footer-light-border-hover: #ffd966;
    --button-footer-dark-bg: #0b132b;
    --button-footer-dark-border: #0b132b;
    --button-footer-dark-bg-hover: var(--button-footer-light-bg);
    --button-footer-dark-border-hover: var(--button-footer-light-border);
    --button-footer-dark-color-hover: #0b132b;
    --button-disabled-bg: #e8e8e8;
    --button-disabled-border: #e8e8e8;
    --button-disabled-text: #6b6b6b;
}