/* The client storefront (exo.top, orderly/storefront/) — its own look, not the CRM's.
   The only file of the storefront with colours, shadows and fonts; the brand colour itself
   comes from the brand row (brand.css view) and overrides --sf-brand. Design «б» (owner,
   24.10.2026): 7 neutrals + 1 accent; Wix Madefor Display for headlines and big figures,
   Inter for text. Fonts are served from here (OFL, see fonts/OFL.txt): no visitor's address
   goes to Google — the privacy page promises no tracking. */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("fonts/inter-latin.woff2") format("woff2");
}
@font-face {
    font-family: "Wix Madefor Display";
    font-style: normal;
    font-weight: 500 600;
    font-display: swap;
    src: url("fonts/wix-madefor-display-latin.woff2") format("woff2");
}
:root {
    --sf-brand: #0a7a5e;                                   /* white text on it: 5.3:1 (WCAG AA) */
    --sf-brand-press: color-mix(in srgb, var(--sf-brand) 82%, #000000);
    --sf-brand-tint: color-mix(in srgb, var(--sf-brand) 10%, transparent);
    --sf-brand-hover: color-mix(in srgb, var(--sf-brand) 6%, transparent);
    --sf-ink: #121614;
    --sf-muted: #666d69;                                   /* 5.3:1 on white, 4.9:1 on the band */
    --sf-line: rgba(18, 22, 20, .12);
    --sf-input: rgba(18, 22, 20, .28);
    --sf-band: #f4f6f5;
    --sf-bg: #ffffff;
    --sf-on-brand: #ffffff;
    --sf-nav-bg: rgba(255, 255, 255, .82);
    --sf-dark: #0f1311;
    --sf-dark-muted: #a9b2ad;
    --sf-dark-line: rgba(255, 255, 255, .14);
    --sf-dark-button: rgba(255, 255, 255, .5);
    --sf-dark-hover: rgba(255, 255, 255, .08);
    --sf-danger: #b42318;
    --sf-wait: #9a4a07;
    --sf-wait-bg: #fff4e5;
    --sf-work: #1d4ed8;
    --sf-work-bg: #e0ecff;
    --sf-shadow: 0 1px 2px rgba(18, 22, 20, .06), 0 16px 40px -12px rgba(18, 22, 20, .14);
    --sf-shadow-lift: 0 1px 2px rgba(18, 22, 20, .06), 0 16px 40px -12px rgba(18, 22, 20, .14),
                      0 48px 96px -32px rgba(18, 22, 20, .18);
    --sf-ring-pop: inset 0 0 0 2px var(--sf-brand);
    --sf-display: "Wix Madefor Display", "Inter", system-ui, sans-serif;
    --sf-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}