/* ============================================================
 * Wac Marketplace — Design Tokens
 * Override these on :root in your own stylesheet to rebrand.
 * ============================================================ */
:root {
    /* Brand */
    --wac-accent: #ff5c2c;
    --wac-accent-fg: #ffffff;
    --wac-accent-hover: #e84d1f;

    /* Surfaces */
    --wac-card-radius: 8px;
    --wac-card-shadow: 0 1px 2px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.1);
    --wac-card-border: 1px solid #e5e7eb;
    --wac-card-bg: #ffffff;
    --wac-card-padding: 20px;

    /* Spacing */
    --wac-gap-xs: 4px;
    --wac-gap-sm: 8px;
    --wac-gap-md: 16px;
    --wac-gap-lg: 24px;
    --wac-gap-xl: 32px;

    /* Typography */
    --wac-text-muted: #6b7280;
    --wac-text-strong: #111827;

    /* Status badges */
    --wac-badge-pending-bg: #fef3c7;
    --wac-badge-pending-fg: #92400e;
    --wac-badge-approved-bg: #d1fae5;
    --wac-badge-approved-fg: #065f46;
    --wac-badge-rejected-bg: #fee2e2;
    --wac-badge-rejected-fg: #991b1b;
    --wac-badge-locked-bg: #e5e7eb;
    --wac-badge-locked-fg: #374151;
    --wac-badge-paid-bg: #dbeafe;
    --wac-badge-paid-fg: #1e40af;

    /* Ratings */
    --wac-rating-color: #f59e0b;

    /* Vacation */
    --wac-vacation-bg: #fff7ed;
    --wac-vacation-border: #fed7aa;
    --wac-vacation-fg: #9a3412;

    /* Messaging bubbles */
    --wac-bubble-customer: #f3f4f6;
    --wac-bubble-customer-fg: #111827;
    --wac-bubble-seller: #fff7ed;
    --wac-bubble-seller-fg: #7c2d12;
    --wac-bubble-admin: #ede9fe;
    --wac-bubble-admin-fg: #4c1d95;
}