/* Shared design tokens for the dealer-portal pre-login pages: dealer-login.html,
   dealer-register.html, dealer-forgot-password.html. Centralized here so the
   three pages can't drift out of sync with each other. Values mirror
   team-portal's restrained design system (css/team-theme.css's light-mode
   values) — see the team-portal-design-system memory.

   Deliberately kept separate from:
   - styles.css            (site-wide marketing site, different palette)
   - css/dealer-forms.css / css/dealer-detail-shared.css (shared across the
     whole *logged-in* dealer portal — dashboard, orders, cart, etc.)
   so this file only ever affects the three auth pages that link it. */
:root {
    --primary-blue: #006fcf;
    --primary-dark: #005aa8;
    --primary-light: #e6f0fa;
    --bg: #f7f7f8;
    --navy: #0d0d0d;
    --gray: #676767;
    --text-subtle: #8a8a8a;
    --light-gray: #f1f1f1;
    --white: #ffffff;
    --border: #e5e5e5;
    --border-strong: #d5d5d5;
    --danger: #da1e28;
    --danger-bg: #fbe3e4;
    --danger-border: #f0b9bd;
    --success: #15703b;
    --success-bg: #e6f4ea;
    --success-border: #b7ddc4;
    --focus-ring: 0 0 0 2px rgba(0, 111, 207, .35);
    --radius-sm: 6px;
    --radius-btn: 8px;
    --radius: 10px;
    --font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-xl: 60px;
    --transition: 0.3s ease;
}

/* Shared atom used by register's and forgot-password's required-field
   markers (`<span class="required">*</span>`) — previously relied on
   styles.css (site-wide stylesheet, not linked by register.html) so the
   asterisk rendered in plain body text with no color at all on that page. */
.required {
    color: var(--danger);
    font-weight: 600;
}

/* Consistent flat-card treatment for the "Need help?" info box across all
   three auth pages (replaces the older left-accent-bar look). */
.dealer-info {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    box-shadow: none;
}

/* Footer override: css/dealer-detail-shared.css's shared .site-footer rule
   uses a very light gray background (#f5f7fa) intended for the logged-in
   portal; these pre-login pages sit on a plain white card background. */
.site-footer {
    background: var(--white);
    border-top: 1px solid var(--border);
    margin-top: 2rem;
}