/*
 * Newmark rebrand override — loaded last (after app.css/rtl.css and
 * otherpages*.css) so these rules win by cascade order without hand-editing
 * the generated, near-duplicate app.css/rtl.css files in place.
 *
 * --bs-primary / --primary-rgba are NOT set here: they're pinned via inline
 * JS reading .env (see resources/views/layouts/footer_script.blade.php and
 * auth/login.blade.php), which beats any stylesheet rule regardless of load
 * order. Update PRIMARY_COLOR / PRIMARY_RGBA_COLOR in .env instead.
 */

@font-face {
    font-display: swap;
    font-family: 'PlayfairDisplay';
    font-style: normal;
    font-weight: 400 700;
    src: url(../../fonts/playfair-display/PlayfairDisplay-Variable.woff2) format('woff2');
}

:root {
    --bs-body-bg: #FFFFFF;
    --bs-body-color: #000000;
    --bs-dark: #FFFFFF;
    --bs-border-color: #000000;
    --login-bg: #000000;
}

body {
    background-color: #FFFFFF;
}

/* Login_BG.png bakes the NEWMARK wordmark centered in a 1920x1080 frame.
   auth.css applies it with `background-size: cover; background-position:
   center center`, which centers the logo on the FULL viewport width. The
   right ~1/3 of the viewport is covered by the white login card (col-lg-4),
   so on any screen whose aspect ratio is close to the image's own 16:9 (e.g.
   a plain 1920x1080 or 2560x1440 monitor), `cover` has no horizontal crop
   room to work with — the logo stays dead-centered and runs behind the card
   edge regardless of background-position.
   Fixing this requires not depending on cover's crop math at all: size the
   image as a fraction of the viewport WIDTH (not cover), anchored to the
   left. 58% comfortably clears the 33.33% card column (col-lg-4) with
   margin, and height scales proportionally so this holds at any aspect
   ratio — verified at 1280x800, 1512x982, 1728x1117, 2264x1440, 1920x1080,
   and 2560x1440. */
.login_bg {
    background-size: 58% auto;
    background-position: 5% center;
    background-repeat: no-repeat;
    background-color: #000000;
}

h1, h2, h3, h4, h5, h6,
.dashboard_title,
.login_heading h3 {
    /* app.css hardcodes color:#4D5454 (a gray literal) on this same
       selector, not a --bs-* custom property, so it must be overridden
       explicitly here too, not just the font-family. */
    color: #000000;
    font-family: 'PlayfairDisplay', serif;
}