.brand-blue {
  color: #4147FF;
}

.brand-blue-dark {
	color: #292E90;
}

/* 2. Primary Headings - Crisp Light Grey */
.woocommerce-checkout h2, 
.woocommerce-checkout h3, 
#order_review_heading {
    color: #e5e5e5 !important;
  	font-size: 20px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #333; /* Subtle divider */
    padding-bottom: 10px;
}

/* 3. Form Labels and General Text - Light and Readable */
.woocommerce-checkout label,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .checkout-group h3 {
    color: #e5e5e5 !important;
}

/* 4. Secondary Text (Descriptions/Placeholders) - Dimmer Light Variation */
.woocommerce-checkout p, 
.woocommerce-checkout span, 
.woocommerce-checkout .shipping-calculator-button,
.woocommerce-info {
    color: #b0b0b0 !important; /* Dimmer variation of light */
}

/* 5. Inputs - Dark background with Light text so they don't "pop" too much */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout select, 
.woocommerce-checkout textarea {
    background-color: #1a1a1a !important; /* Dark input boxes */
    border: 1px solid #333 !important;
    color: #e5e5e5 !important;
    border-radius: 4px;
}

/* 6. Fix Order Summary Table - Remove the white background */
#order_review, 
.woocommerce-checkout-review-order-table {
    background-color: transparent !important;
    border: 1px solid #333 !important;
    color: #e5e5e5 !important;
}

/* 7. Table Cells & Product Names */
.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-total {
    color: #e5e5e5 !important;
    border-top: 1px solid #333 !important;
}

/* 8. Fix Product Title Overlap for Dark Mode */
.woocommerce-checkout-review-order-table .product-name {
    display: table-cell !important; /* Standard table behavior usually works better unless it's mobile */
    word-break: break-word !important;
    line-height: 1.6 !important;
}