/* SETWorks auth design tokens (local copy; aligned with Platform site.css + Figma Login SoT).
   Decoupled: do not @import Platform.UI.Blazor at runtime. */

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter-latin.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter-latin-500.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cabin";
    src: url("/fonts/cabin-latin-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cabin";
    src: url("/fonts/cabin-latin-500.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Colors — Platform / Figma primary blue scale */
    --sw-primary-50: #EBF5FF;
    --sw-primary-100: #E1EFFE;
    --sw-primary-200: #C3DDFD;
    --sw-primary-300: #A4CAFE;
    --sw-primary-400: #76A9FA;
    --sw-primary-500: #3F83F8;
    --sw-primary-600: #1C64F2;
    --sw-primary-700: #1A56DB;
    --sw-primary-800: #1E429F;
    --sw-primary-900: #233876;

    --sw-gray-50: #F9FAFB;
    --sw-gray-100: #F3F4F6;
    --sw-gray-200: #E5E7EB;
    --sw-gray-300: #D1D5DB;
    --sw-gray-400: #9CA3AF;
    --sw-gray-500: #6B7280;
    --sw-gray-600: #4B5563;
    --sw-gray-700: #374151;
    --sw-gray-800: #1F2A37;
    --sw-gray-900: #111928;

    --sw-red-50: #FDF2F2;
    --sw-red-200: #FBD5D5;
    --sw-red-400: #F98080;
    --sw-red-500: #F05252;
    --sw-red-600: #E02424;
    --sw-red-700: #C81E1E;
    --sw-red-800: #9B1C1C;

    --sw-white: #FFFFFF;
    --sw-background: #F5F5F5;
    --sw-text: var(--sw-gray-600);
    --sw-border-subtle: #DEE2E6;

    /* Auth chrome (Figma Login) */
    --sw-auth-page-gradient: linear-gradient(153.67deg, #ffffff 12.74%, #ebebeb 77.9%);
    --sw-auth-card-width: 585px;
    --sw-auth-card-radius: 6px;
    --sw-auth-card-padding-x: 56px;
    --sw-auth-card-padding-y: 64px;
    --sw-auth-input-radius: 8px;
    --sw-auth-button-radius: 8px;
    /* Primary → next action group; peer controls in a pair use --sw-auth-secondary-gap. */
    --sw-auth-action-gap: 1.5rem;
    --sw-auth-secondary-gap: 0.75rem;
    --sw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px 0 rgba(0, 0, 0, 0.05);

    --sw-font-ui: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --sw-font-title: "Cabin", "Inter", Arial, sans-serif;

    /* Semantic aliases used by auth CSS */
    --sw-color-primary: var(--sw-primary-700);
    --sw-color-primary-hover: var(--sw-primary-800);
    --sw-color-primary-active: var(--sw-primary-900);
    --sw-core-purple: var(--sw-primary-700);
}