/* Props Odds Engine – Design Tokens */
@layer props-odds.tokens {
    .props-odds,
    .props-odds-scope {
        /* Layout sizing tokens */
        --frozen-player: 182px;
        --props-sportsbook-count: 6;
        --props-col-min: 90px;
        --props-col-ideal: 90px;
        --props-col-max: 90px;
        --props-table-min: 1400px;
        --props-table-max: var(--props-table-min);
        --props-scrollbar-size: 12px;
        --props-page-gutter: 20px;

        /* Brand palette + typography */
        --props-brand-blue: #2563eb;
        --props-brand-cyan: #009eff;
        --props-accent: var(--props-brand-cyan);
        --props-brand-red: #ef4444;
        --props-brand-orange: #f59e0b;
        --props-surface: #ffffff;
        --props-surface-muted: #f8fafc;
        --props-surface-tint: #f0f9ff;
        --props-ring: rgba(0,158,255,0.18);
        --props-text-strong: #0f172a;
        --props-text-default: #111827;
        --props-text-muted: #6b7280;
        --props-bg: #ffffff;
        --props-bg-muted: #f7f8fa;
        --props-border: #e5e7eb;
        --props-drawer-surface: #f4f7fb;
        --props-drawer-surface-strong: rgba(240,249,255,0.98);
        --props-drawer-border: rgba(37,99,235,0.16);
        --props-drawer-shadow: 0 18px 40px rgba(15,23,42,.18), 0 8px 20px rgba(15,23,42,.12);
    }

    @media (max-width: 768px) {
        .props-odds,
        .props-odds-scope {
            --props-page-gutter: 15px;
        }
    }
}