/* Shared color values only; frontend and dashboard component styles stay separate. */
:root {
    --sib-black: #111111;
    --sib-charcoal: #2B2B2B;
    --sib-gold: #C6A15B;
    --sib-gold-dark: #9E7B3D;
    --sib-gold-soft: #F3EBDD;
    --sib-ivory: #F8F5EF;
    --sib-white: #FFFDF9;
    --sib-gray: #767676;
    --sib-gray-light: #E7E2DA;
    --sib-success: #2E7D5B;
    --sib-warning: #C48A2C;
    --sib-danger: #B94747;

    /* Gray needs a little more contrast for small text on ivory. */
    --sib-text-muted: color-mix(in srgb, var(--sib-gray) 88%, var(--sib-black));
    --sib-success-soft: color-mix(in srgb, var(--sib-success) 8%, var(--sib-white));
    --sib-danger-soft: color-mix(in srgb, var(--sib-danger) 8%, var(--sib-white));
    --sib-shadow: rgb(17 17 17 / 12%);
    --sib-shadow-soft: rgb(17 17 17 / 8%);
    --sib-backdrop: rgb(17 17 17 / 50%);
    --sib-whatsapp: #25D366;
    --sib-whatsapp-hover: #1EBE57;

    --bs-primary: var(--sib-black);
    --bs-primary-rgb: 17, 17, 17;
    --bs-body-color: var(--sib-black);
    --bs-body-bg: var(--sib-white);
    --bs-border-color: var(--sib-gray-light);
    --bs-link-color: var(--sib-black);
    --bs-link-hover-color: var(--sib-charcoal);
}