/**
 * Theme Variables (Global)
 * Single responsibility: Provide project-wide CSS custom properties
 *
 * IMPORTANT:
 * - Must be loaded for all pages that rely on shared UI components.
 */

:root {
    --theme-primary: #522546;
    --theme-primary-light: #6B3A5F;
    --da-shadow-card: 0 18px 44px rgba(82, 37, 70, 0.14), 0 4px 12px rgba(82, 37, 70, 0.06);

    /* Buttons */
    --da-btn-radius: 999px;

    /* Bootstrap 5 radius variables (frontend) */
    --bs-border-radius: var(--da-btn-radius);
    --bs-btn-border-radius: var(--da-btn-radius);
}

/**
 * Global Button Rounding
 * Single responsibility: enforce consistent button border radius site-wide
 */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
a.btn,
.theme-btn,
a.theme-btn,
.wpo-btn,
a.wpo-btn,
.view-cart-btn,
a.view-cart-btn {
    border-radius: var(--da-btn-radius) !important;
}