/* ------------------------------------------------------------------------------------------------
   AuroraUI design tokens — adopted by RJGlobe.Auth so the IdP shares the product suite's theming model.

   AuroraUI (the shared React component library) exposes its theme as a set of `--au-*` CSS custom
   properties. The IdP is server-rendered Razor with a strict CSP, so it can't consume AuroraUI's React
   components — but it CAN consume the same token contract: the layouts read `var(--au-*)` and this file
   supplies the values. That keeps the IdP visually consistent with the suite and makes a re-skin a
   one-file change (override any variable below — no rebuild).

   The values here are the RJGlobe brand palette (they preserve the IdP's existing look). Served
   same-origin, so it satisfies the strict CSP `style-src 'self'`.
   ------------------------------------------------------------------------------------------------ */

:root {
    color-scheme: light dark; /* keep native form controls theme-aware */

    /* Brand */
    --au-color-primary: #3b5bfd;
    --au-color-primary-focus: #2f49d6;

    /* Surfaces */
    --au-color-bg: #f4f5f7;
    --au-color-bg-surface: #ffffff;
    --au-color-field: #ffffff;

    /* Text */
    --au-color-text: #1c2024;
    --au-color-text-muted: #6b7280;
    --au-color-text-on-fill: #ffffff;

    /* Borders & feedback */
    --au-color-border: #d7dbe0;
    --au-color-error: #d1373b;

    /* Typography */
    --au-font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --au-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Radius & elevation */
    --au-radius-card: 14px;
    --au-radius-field: 8px;
    --au-shadow-card: 0 8px 30px rgba(0, 0, 0, .08);
}

@media (prefers-color-scheme: dark) {
    :root {
        --au-color-bg: #14161a;
        --au-color-bg-surface: #1c1f24;
        --au-color-field: #23262b;
        --au-color-text: #e6e8eb;
        --au-color-text-muted: #9aa1ab;
        --au-color-border: #2b2f36;
        --au-shadow-card: 0 8px 30px rgba(0, 0, 0, .45);
    }
}