/* Video Party — design tokens v4.1 */
:root {
    --font-sans: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
    --font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 999px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.28);

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --duration-fast: 150ms;
    --duration-normal: 250ms;

    --accent: var(--primary, #6c63ff);
    --accent-hover: var(--primary-hover, #5a52e0);
    --accent-soft: var(--primary-soft, rgba(108, 99, 255, 0.25));

    --density-padding: 16px;
}

[data-density="compact"] { --density-padding: 10px; }
[data-density="comfortable"] { --density-padding: 20px; }

[data-accent="violet"] { --primary: #6c63ff; --primary-hover: #5a52e0; }
[data-accent="teal"] { --primary: #26a69a; --primary-hover: #1e8e84; --primary-soft: rgba(38, 166, 154, 0.25); }
[data-accent="rose"] { --primary: #e91e63; --primary-hover: #c2185b; --primary-soft: rgba(233, 30, 99, 0.22); }