/* Platform design tokens. Page styles may consume these without redefining shared values. */
:root {
    color-scheme: dark;
    --app-bg: #0a0a1a;
    --app-surface: rgba(255, 255, 255, 0.035);
    --app-surface-raised: rgba(24, 24, 48, 0.92);
    --app-border: rgba(255, 255, 255, 0.1);
    --app-text: #f0f0f5;
    --app-text-muted: #a0a0b8;
    --app-accent: #8b7cf0;
    --app-accent-soft: rgba(139, 124, 240, 0.16);
    --app-danger: #f87171;
    --app-radius-sm: 8px;
    --app-radius-md: 10px;
    --app-radius-lg: 14px;
    --app-control-height: 36px;
    --app-content-width: 1200px;
    --app-ease: cubic-bezier(0.22, 1, 0.36, 1);
}