/* Globals for the auth flow. Per-component layout/styling lives in each
   component's scoped .razor.css; this file holds the shared design tokens
   and document-level resets (Blazor CSS isolation can't scope :root). */

:root {
    --white: #ffffff;
    --off-white: #f8f9fb;
    --surface: #f1f3f7;
    --border: #e2e6ee;
    --border-focus: #3b6fe0;
    --text-primary: #131926;
    --text-secondary: #5b6478;
    --text-muted: #8f96a6;
    --navy: #1e3a8a;
    --navy-dark: #152c6b;
    --error-bg: #fef2f2;
    --error-border: #fecaca;
    --error-text: #c53030;
    --success-bg: #f0fdf4;
    --success-border: #bbf7d0;
    --success-text: #15803d;
}

html.dark-mode {
    --white: #0F172A;
    --off-white: #1E293B;
    --surface: #253147;
    --border: #334155;
    --border-focus: #60A5FA;
    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;
    --navy: #60A5FA;
    --navy-dark: #3B82F6;
    --error-bg: #7f1d1d;
    --error-border: #991b1b;
    --error-text: #fca5a5;
    --success-bg: #064e3b;
    --success-border: #065f46;
    --success-text: #6ee7b7;
}

html, body { height: 100%; width: 100%; overflow: hidden; }

body {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--white);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
}