/* TaluLab — VoidAuth branding (git-tracked; bind-mounted at /app/config/branding, linked last in ). * * Design note: VoidAuth is Angular Material 3 — the FULL palette (surfaces, containers, contrast, * light/dark) is generated from the single APP_COLOR seed. So the seed does the heavy lifting; this * file only adds depth + a premium card so the login feels designed and "native" alongside the apps * users SSO into (Jellyfin / Nextcloud / Immich). Overrides use M3 tokens (stay correct in both * themes) and slightly raised specificity so they win over Angular's injected styles bundle. * * - Recolor: change APP_COLOR in compose (regenerates everything) — prefer that over CSS. * - Logo/icons: drop logo.svg|png, favicon.svg|png, apple-touch-icon.png in THIS folder. */ /* Subtle "spotlight" depth behind the auth card — M3 tokens, graceful fallback to a flat surface. */ html body { background: radial-gradient(135% 115% at 50% -10%, var(--mat-sys-surface-container-high, var(--mat-sys-surface)) 0%, var(--mat-sys-surface) 55%) no-repeat fixed; } /* Premium, focused auth card: rounder corners + a soft lifted shadow (reads well in light + dark). */ body mat-card.form-card { border-radius: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 16px 48px -16px rgba(0, 0, 0, 0.45); }