/* Shared design tokens — mobile floor, front kiosk, admin */
:root {
    --app-radius-sm: 10px;
    --app-radius-md: 14px;
    --app-radius-lg: 18px;
    --app-radius-xl: 22px;
    --app-radius-pill: 999px;
    --app-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.03);
    --app-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.07), 0 1px 3px rgba(15, 23, 42, 0.05);
    --app-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.10), 0 4px 12px rgba(15, 23, 42, 0.06);
    --app-shadow-hero: 0 10px 32px rgba(37, 99, 235, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
    --app-blur-glass: blur(40px) saturate(190%);
    --app-brand-rebel: #2563eb;
    --app-brand-rebel-soft: #eff6ff;
    --app-brand-briscoes: #4f46e5;
    --app-brand-briscoes-soft: #eef2ff;
    --app-reliever: #7c3aed;
    --app-reliever-soft: #f5f3ff;
    --app-motion-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
    --app-motion-fade: cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-floor-shell {
    --mf-radius: var(--app-radius-lg);
    --mf-shadow: var(--app-shadow-md);
}

/* Empty state illustrations */
.empty-state-visual {
    margin: 0 auto 0.85rem;
    max-width: 7.5rem;
    color: var(--text-muted, #94a3b8);
}
.empty-state-visual .empty-illus {
    display: block;
    width: 100%;
    height: auto;
}
.empty-state--counter .empty-state-visual { color: #93c5fd; }
.empty-state--floor .empty-state-visual { color: #6ee7b7; }

/* Reduced motion + transparency — see also liquid-glass.css */
@media (prefers-reduced-motion: reduce) {
    .mf-counter-tl-seg--active .mf-counter-tl-dot,
    .break-alert--sticky.break-alert-flash,
    .mf-tab--pulse,
    .mf-counter-card--highlight,
    .mf-list--tab-enter {
        animation: none !important;
    }
    .mf-counter-now-fill,
    .mf-counter-card-fill,
    .mf-counter-timeline-rail-fill,
    .mf-header,
    .mf-list,
    .mf-tab {
        transition-duration: 0.01ms !important;
    }
    .mf-counter-timeline,
    .mf-list {
        scroll-behavior: auto !important;
    }
}