/*
 * Aakram Elite Search - design tokens (default values).
 *
 * Every colour, size and spacing of the search window is a CSS variable used by aes-layout.css and
 * aes-skin.css. The back office "Design" tab prints its own values in the page head (they win over
 * this file), so small visual changes never need a file edit.
 *
 * To force a value whatever the Design tab says, use a more specific rule in the "Custom CSS" box or
 * in your theme, e.g.   html:root { --aes-bar-width: 720px; }
 *
 * --aes-theme is replaced in the visitor's browser by the colour of your theme's buttons when the
 * Design tab says "Theme colour: automatic".
 */
:root {
    --aes-bar-width:680px;
    --aes-bar-height:50px;
    --aes-bar-radius:999px;
    --aes-bar-bg:#ffffff;
    --aes-bar-border:#d6d3d1;
    --aes-bar-text:#1f2937;
    --aes-hbar-width:560px;
    --aes-hbar-height:46px;
    --aes-results-width:1180px;
    --aes-top-gap:4vh;
    --aes-pad:22px;
    --aes-radius:14px;
    --aes-bg:#ffffff;
    --aes-backdrop:rgba(17, 17, 17, 0.55);
    --aes-banner-height:84px;
    --aes-card-min:200px;
    --aes-gap:16px;
    --aes-card-radius:12px;
    --aes-img-fit:contain;
    --aes-name-size:15px;
    --aes-price-size:18px;
    --aes-surface:#f7f6f3;
    --aes-price:#111827;
    --aes-sale:#c2410c;
    --aes-theme:#1c1917;
    --aes-primary:#1c1917;
    --aes-primary-text:#ffffff;
    --aes-accent:#b8860b;
    --aes-text:#1f2937;
    --aes-muted:#6b7280;
    --aes-border:#e7e5e4;
    --aes-stock-ok:#15803d;
    --aes-stock-low:#b45309;
    --aes-font:inherit;
    --aes-close-bg:var(--aes-theme);
    --aes-close-color:var(--aes-theme-contrast);
    --aes-close-bg-hover:var(--aes-close-bg);
    --aes-close-border:var(--aes-theme);
    --aes-close-size:42px;
    --aes-close-icon:18px;
    --aes-close-radius:50%;
    --aes-qv-width:900px;
    --aes-qv-backdrop:rgba(17, 17, 17, 0.35);
    --aes-theme-contrast:#ffffff;
    --aes-close-hover-filter:brightness(.88);
    --aes-z:99999;
}