/**
 * Design tokens for md:smart.search.input and md:smart.search.page.
 * Override on the site, e.g.:
 *
 * .header .md-search-input,
 * .search-page .md-search-page {
 *     --md-ss-accent: #0d9488;
 *     --md-ss-input-radius: 12px;
 * }
 */
.md-search-input,
.md-search-page,
.md-search-input__panel,
.md-search-rec {
    --md-ss-font-family: inherit;
    --md-ss-text: #111827;
    --md-ss-text-muted: #6b7280;
    --md-ss-text-subtle: #9ca3af;
    --md-ss-border: #d1d5db;
    --md-ss-border-strong: #9ca3af;
    --md-ss-surface: #fff;
    --md-ss-surface-muted: #f9fafb;
    --md-ss-surface-hover: #f3f4f6;
    --md-ss-accent: #111827;
    --md-ss-accent-contrast: #fff;
    --md-ss-accent-hover: #1f2937;
    --md-ss-highlight-weight: 700;
    --md-ss-highlight-bg: transparent;
    --md-ss-highlight-color: inherit;
    --md-ss-input-radius: 10px;
    --md-ss-input-padding-y: 12px;
    --md-ss-input-padding-x: 16px;
    --md-ss-input-font-size: 15px;
    --md-ss-input-border-width: 1px;
    --md-ss-input-focus-ring: 0 0 0 3px rgba(17, 24, 39, 0.08);
    --md-ss-panel-radius: 10px;
    --md-ss-panel-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    --md-ss-thumb-size: 56px;
    --md-ss-dropdown-thumb-size: 72px;
    --md-ss-thumb-radius: 4px;
    --md-ss-thumb-bg: #f3f4f6;
    --md-ss-item-gap: 12px;
    --md-ss-item-padding-y: 10px;
    --md-ss-item-padding-x: 14px;
    --md-ss-brand-size: 11px;
    --md-ss-title-size: 14px;
    --md-ss-price-size: 14px;
    --md-ss-price-old-color: #9ca3af;
    --md-ss-footer-padding-y: 12px;
    --md-ss-footer-padding-x: 14px;
    --md-ss-max-width: none;
    --md-ss-z-dropdown: 100000;
}

@media (prefers-color-scheme: dark) {
    .md-search-input,
    .md-search-page,
    .md-search-input__panel,
    .md-search-rec,
    [data-md-theme="dark"] .md-search-input,
    [data-md-theme="dark"] .md-search-page,
    [data-md-theme="dark"] .md-search-input__panel,
    [data-md-theme="dark"] .md-search-rec {
        --md-ss-text: #f3f4f6;
        --md-ss-text-muted: #9ca3af;
        --md-ss-text-subtle: #6b7280;
        --md-ss-border: #374151;
        --md-ss-border-strong: #4b5563;
        --md-ss-surface: #111827;
        --md-ss-surface-muted: #1f2937;
        --md-ss-surface-hover: #374151;
        --md-ss-accent: #f9fafb;
        --md-ss-accent-contrast: #111827;
        --md-ss-accent-hover: #e5e7eb;
        --md-ss-highlight-bg: transparent;
        --md-ss-highlight-color: inherit;
        --md-ss-input-focus-ring: 0 0 0 3px rgba(249, 250, 251, 0.12);
        --md-ss-panel-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
        --md-ss-thumb-bg: #374151;
        --md-ss-price-old-color: #6b7280;
    }
}