/*
=========================================================
Market UI v2 - Auth Page Tokens
=========================================================
*/

:root {
    --auth_accent: var(--m-context-accent-color, var(--color-primary, #2563eb));
    --auth_accent_hover: var(--m-context-accent-color-hover, var(--color-primary-hover, #1d4ed8));
    --auth_accent_soft: var(--m-context-accent-soft, color-mix(in srgb, var(--auth_accent) 10%, #ffffff));

    --auth_page_bg:
        linear-gradient(135deg, color-mix(in srgb, var(--m-context-surface-soft, #f8fafc) 82%, #e8f7f0) 0%, var(--m-context-surface, #fff) 54%, color-mix(in srgb, var(--auth_accent) 6%, var(--m-context-surface-soft, #f8fafc)) 100%);
    --auth_page_min_height: 100vh;
    --auth_page_padding_x: clamp(1rem, 3vw, 2.5rem);
    --auth_page_padding_y: clamp(1rem, 4vw, 3.5rem);

    --auth_card_max_width: 1040px;
    --auth_card_radius: var(--m-card-radius, 1rem);
    --auth_card_border: color-mix(in srgb, var(--m-context-border-subtle, #e2e8f0) 86%, transparent);
    --auth_card_bg: color-mix(in srgb, var(--m-context-surface, #fff) 96%, transparent);
    --auth_card_shadow: 0 22px 70px -52px rgba(15, 23, 42, .42), 0 14px 34px -28px rgba(15, 23, 42, .22);

    --auth_panel_padding: clamp(1.35rem, 3.2vw, 2.75rem);
    --auth_panel_gap: 1rem;
    --auth_visual_min_height: 620px;
    --auth_visual_overlay: linear-gradient(180deg, rgba(15, 23, 42, .02), rgba(15, 23, 42, .24));

    --auth_logo_size: 3.25rem;
    --auth_title_size: clamp(1.35rem, 2.3vw, 1.85rem);
    --auth_subtitle_size: .92rem;

    --auth_field_height: 2.9rem;
    --auth_field_radius: var(--m-input-radius, .75rem);
    --auth_field_bg: var(--m-context-surface, #fff);
    --auth_field_border: var(--m-context-border, #dbe3ef);
    --auth_field_border_hover: var(--m-context-border-strong, #b8c4d4);
    --auth_field_focus: var(--auth_accent);
    --auth_field_text: var(--m-context-text, #334155);
    --auth_field_label: var(--m-context-text-strong, #0f172a);
    --auth_field_placeholder: var(--m-context-text-muted, #64748b);

    --auth_button_radius: var(--m-radius-md, .75rem);
    --auth_button_height: 2.9rem;
    --auth_transition: 160ms ease;
}

[data-theme-mode="dark"] {
    --auth_page_bg:
        linear-gradient(135deg, #08111f 0%, #0f172a 58%, color-mix(in srgb, var(--auth_accent) 12%, #0f172a) 100%);
    --auth_card_bg: color-mix(in srgb, var(--m-context-surface, #111827) 94%, transparent);
    --auth_card_border: color-mix(in srgb, var(--m-context-border-subtle, #263244) 76%, transparent);
}