/*
 * Rhonda Everitt Real Estate: every color, font and corner the site, the
 * portal, the emails and the share cards use. This is the ONE place her look
 * is set (by us, by her, or by her assistant). Change a color here and the
 * site, her portal, every email (src/EmailLayout.php) and the share cards
 * (src/OgCard.php) follow; brand_token() in src/helpers.php reads this file,
 * so keep one declaration per line, "--name: value;".
 *
 * Palette: deep navy, steel blue, warm ivory, white and soft charcoal.
 * Her old variable names (until 2026-10-30, in site.css) map like this:
 *   --river (main dark)  -> --brand-800, and --footer for the footer
 *   --brick (accent)     -> --brand as a fill, --brand-600 as text on white
 *   --bridge (links)     -> --brand-700
 *   --paper, --ink, --line keep their names; --card -> --white;
 *   --muted -> --ink-soft; --sandstone and --sand-soft are hers alone.
 *
 * Rules (checked by php scripts/brand-check.php):
 *   - --brand is a FILL color. Text on it is always --on-brand.
 *   - Text and links on white use --brand-800 / --brand-700 / --brand-600.
 *   - --brand-200 / -100 / -50 are background tints only.
 *   - --accent is the focus ring.
 *   - The one copy this file cannot reach is public/site.webmanifest: run
 *     php scripts/brand-check.php --write after changing --brand or --paper.
 *
 * Type: Bitter (slab, like the city's painted brick signs) for headings,
 * Public Sans for reading, both self-hosted, SIL Open Font License. The share
 * cards draw with the same two (resources/fonts/).
 * Bestermind (2026-10-24) is her signature script, the one her name is
 * written in on her YouTube banner and brochures. File from UAS Marketing,
 * her office's marketing firm, which owns the license. Only her name as a
 * signature (header, sign-offs) and a few display words (class
 * "accent-font" or var(--font-accent)), never body text, menus, buttons or
 * forms. Help topic "Use your own font" (content/help.php) explains more.
 */
@font-face { font-family: "Bitter"; src: url("/assets/fonts/bitter-var.woff2") format("woff2"); font-weight: 500 800; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("/assets/fonts/public-sans-var.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("/assets/fonts/public-sans-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Bestermind"; src: url("/assets/fonts/bestermind.woff2") format("woff2"), url("/assets/fonts/bestermind.ttf") format("truetype"); font-display: swap; }

:root {
    --brand: #466b83;        /* fill color: buttons, the Call tab, rules (her "brick") */
    --brand-hover: #17364d;
    --on-brand: #ffffff;     /* text on --brand */
    --brand-800: #17364d;    /* headings, dark bands (her "river") */
    --brand-700: #17364d;    /* links on white (her "bridge") */
    --brand-600: #466b83;    /* small labels and accents on white */
    --brand-400: #7d97a8;
    --brand-200: #c8d3db;
    --brand-100: #e3e9ed;
    --brand-50:  #eef2f5;
    --accent:    #466b83;    /* focus ring */
    --accent-50: #eef2f5;
    --ink: #42525a;
    --ink-soft: #42525a;     /* her "muted" is the same soft charcoal */
    --line: #d5d8d7;
    --paper: #f7f4ee;
    --white: #ffffff;        /* cards (her "card") */
    --line-strong: #a99c86;  /* form fields */
    --ink-faint: #f7f4ee;    /* separators, never body text */
    --accent-line: #c8d3db;
    --portal-bg: #f7f4ee;    /* the portal's page background */
    --text-brand: #17364d;   /* the editor's "brand" text color, on white */
    --text-accent: #466b83;  /* the editor's "accent" text color, on white */

    /* Hers alone: the warm ivory used as a soft band and as an ornament on navy. */
    --sandstone: #f7f4ee;
    --sand-soft: #f7f4ee;

    /* Dark bands: the footer and --brand-800 sections. Text on them is light. */
    --footer: #17364d;
    --on-footer: #c9d6d6;
    --on-footer-strong: #ffffff;
    --on-footer-soft: #a9bcbc;
    --on-deep: #eef3f2;      /* text on --brand-800 */
    --on-deep-soft: #c9d6d6;

    --font-head: "Bitter", Georgia, serif;
    --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-accent: "Bestermind", "Bitter", Georgia, serif;

    --radius: 6px;
    --radius-lg: 12px;
    --shadow: 0 1px 2px rgba(23, 54, 77, .06), 0 6px 20px rgba(23, 54, 77, .08);
    --wrap: 72rem;
    --gap: clamp(1rem, 3vw, 2rem);
    --header-h: 4rem;
    --bar: 64px;             /* the phone action bar */
}