/* Default theme — instance-specific shell polish.
   Shared components live in art-components.css; tokens in /design/active.css. */

.art-shell {
    background:
        radial-gradient(ellipse 70% 50% at 0% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 55%),
        radial-gradient(ellipse 50% 40% at 100% 100%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 50%),
        var(--background-secondary);
}

[data-theme="dark"] .art-shell {
    background:
        radial-gradient(ellipse 70% 50% at 0% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 55%),
        radial-gradient(ellipse 50% 40% at 100% 100%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 50%),
        var(--background-secondary);
}

.art-auth-page {
    background:
        radial-gradient(ellipse 60% 45% at 50% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 60%),
        var(--background-secondary);
}

[data-theme="dark"] .art-auth-page {
    background:
        radial-gradient(ellipse 60% 45% at 50% 0%, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 60%),
        var(--background-secondary);
}