/* Customer ordering page theme tokens.
   Every brand colour in the customer-facing components (Restaurant / Cart / OrderStatus scoped
   CSS) resolves through these. A restaurant overrides --primary / --accent with a small <style>
   block emitted by RestaurantTheme.StyleBlock; the rest is derived so an owner only has to pick
   one or two colours. Loaded globally from App.razor — .menu-shell only exists on the customer
   pages, so it is inert everywhere else. */
.menu-shell {
    --primary: #1b6ec2;
    --accent: var(--primary);

    /* Hover / pressed state for primary surfaces. */
    --primary-strong: color-mix(in srgb, var(--primary) 85%, #000);
    /* Focus rings and the tint behind a selected payment option. */
    --primary-ring: color-mix(in srgb, var(--primary) 18%, transparent);
}