/* Standpoint CRM's own styles. STANDPOINT'S COLOURS (Steven, 2026-10-17), taken from the background image and the logo
   themselves (wwwroot/brand): the logo tile's deep navy for the menu and the tab band, so the mark sits seamlessly; the
   image's ink navy for titles; Standpoint blue for what you press (white on it passes AA); the logo's cyan for the
   "you are here" marks; a cool light grey page. The controls themselves (buttons, pills, dialogs, the avatar) are the
   platform's (platform/account.css), coloured by the variables set here. */

:root {
    --app-primary: #0165ce;      /* Standpoint blue */
    --app-primary-dark: #0150b7;
    --app-black: #011d53;        /* ink navy: titles */
    --app-grey-dark: #021e3a;    /* deep navy: the side menu and the tab band - the logo tile's own colour */
    --app-grey: #dee2e6;
    --app-grey-light: #f2f5fa;   /* the page behind the panes */
    --app-text: #212529;
    --app-accent: #1ce5f9;       /* cyan: the "you are here" marks */
    --app-chrome-line: rgba(255, 255, 255, .08);   /* lines on the navy */
    --app-chrome-hover: rgba(255, 255, 255, .07);
    --app-chrome-on: rgba(255, 255, 255, .12);
    --app-chrome-text: #c3cde4;

    --sp-primary: var(--app-primary);
    --sp-primary-hover: var(--app-primary-dark);
    --sp-ink: var(--app-black);
    --sp-line: var(--app-grey);
    --sp-soft: var(--app-grey-light);
    --sp-tab-off: #e5e7eb;      /* a closed tab: a step darker than the page */
    --sp-focus: var(--app-primary);

    --bs-link-color-rgb: 1, 101, 206;
    --bs-link-hover-color-rgb: 1, 80, 183;
}

html, body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }
body { margin: 0; background: #fff; color: var(--app-text); }

h1:focus { outline: none; }

/* Bootstrap's buttons, on the screens that still use them, look like the platform's command buttons in these colours. */
.btn { border-radius: 4px; }
.btn-primary {
    --bs-btn-bg: var(--app-primary); --bs-btn-border-color: var(--app-primary);
    --bs-btn-hover-bg: var(--app-primary-dark); --bs-btn-hover-border-color: var(--app-primary-dark);
    --bs-btn-active-bg: var(--app-primary-dark); --bs-btn-active-border-color: var(--app-primary-dark);
    --bs-btn-disabled-bg: var(--app-primary); --bs-btn-disabled-border-color: var(--app-primary);
    --bs-btn-focus-shadow-rgb: 1, 101, 206;
    font-weight: 600;
}
.btn-outline-primary {
    --bs-btn-color: var(--app-primary); --bs-btn-border-color: var(--app-primary);
    --bs-btn-hover-bg: var(--app-primary); --bs-btn-hover-border-color: var(--app-primary); --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--app-primary-dark); --bs-btn-active-border-color: var(--app-primary-dark);
}
.btn-outline-secondary {
    --bs-btn-color: #222; --bs-btn-border-color: #c8c8c8; --bs-btn-bg: #fff;
    --bs-btn-hover-bg: #f0f0f0; --bs-btn-hover-color: #222; --bs-btn-hover-border-color: #c8c8c8;
    --bs-btn-active-bg: #e6e6e6; --bs-btn-active-color: #222; --bs-btn-active-border-color: #bdbdbd;
}
.form-control:focus, .form-select:focus { border-color: var(--app-primary); box-shadow: 0 0 0 .2rem rgba(1, 101, 206, .15); }
.form-check-input:checked { background-color: var(--app-primary); border-color: var(--app-primary); }
.form-check-input:focus { border-color: var(--app-primary); box-shadow: 0 0 0 .2rem rgba(1, 101, 206, .15); }

/* THE SIGN-IN SCREENS (Steven, 2026-10-17): Standpoint's background behind the card - sign in, two-factor, set-up and
   password reset all sit in the platform's AuthCard, whose page colour (BrandColor, Program.cs) shows while it loads. */
.sp-auth-page { background-image: url("brand/standpoint-background.jpg"); background-size: cover; background-position: center; }
/* The logo at Davidson HR's height on the card's band (Steven, 2026-10-17: "v small"): the platform draws it 170 px wide. */
.sp-auth-page .login-card-logo img { width: 210px !important; }