/**
 * DAI Unified UI — storefront tokens (--dai-store-*).
 *
 * A SEPARATE, neutral, theme-aligned token layer for storefront-facing DAI
 * surfaces (FAQ accordion, sales-agent loader, frontend widgets). It is
 * INDEPENDENT from the violet admin brand (--dai-*) and must NOT adopt it:
 * storefront surfaces blend with the active theme. Themes may override any
 * --dai-store-* value. Custom properties style nothing on their own, so this
 * loads safely on every storefront page. Spec: AI Platform → Unified UI
 * Design System §9 (storefront token subset). The Magento and WordPress bases
 * ship an identical --dai-store-* contract.
 */

:root {
    /* Surfaces */
    --dai-store-surface: #FFFFFF;
    --dai-store-surface-alt: #F6F6F6;

    /* Borders */
    --dai-store-border: #DCDCDE;
    --dai-store-border-strong: #B8B8B8;

    /* Neutral ink text */
    --dai-store-heading: #1F2937;
    --dai-store-text: #3C434A;
    --dai-store-text-muted: #6B7280;

    /* Accent — theme-blended link/marker colour, never admin violet */
    --dai-store-accent: #2271B1;
    --dai-store-accent-hover: #135E96;
    --dai-store-on-accent: #FFFFFF;

    /* Status — live indicator */
    --dai-store-success: #22C55E;

    /* Dark launcher surface (floating chat loader / widgets) */
    --dai-store-launcher-bg: #111827;
    --dai-store-launcher-text: #FFFFFF;

    /* Radii */
    --dai-store-radius-sm: 4px;
    --dai-store-radius-md: 8px;
    --dai-store-radius-lg: 12px;
    --dai-store-radius-pill: 999px;

    /* Type — scale + weights only; host theme family is inherited */
    --dai-store-font-size-sm: 13px;
    --dai-store-font-size-base: 15px;
    --dai-store-font-size-lg: 18px;
    --dai-store-weight-regular: 400;
    --dai-store-weight-semibold: 600;
    --dai-store-leading-body: 1.6;

    /* Spacing */
    --dai-store-space-1: 4px;
    --dai-store-space-2: 8px;
    --dai-store-space-3: 12px;
    --dai-store-space-4: 16px;
    --dai-store-space-5: 24px;

    /* Elevation & focus */
    --dai-store-shadow: 0 1px 3px rgba(17, 24, 39, .12);
    --dai-store-shadow-pop: 0 10px 24px rgba(17, 24, 39, .24);
    --dai-store-focus: #2563EB;

    /* Motion — pair with a reduced-motion guard at the consumer */
    --dai-store-motion: 200ms ease;
}