/* ==========================================================================
   brand.css - the ONE brand: warm charcoal + tan, DM Sans body, Lora headings.

   Same look the admin area already uses (admin/assets/admin-ui.css), now shared by
   sign-in, OTP, password reset, campus select, admission form, pending requests,
   error pages, certificates, the header/footer and the dashboard.

   Colours below are the single source of truth. Pages that still hold their own
   copy of a colour must use the same hex values (see CHANGES.md round 16).
   ========================================================================== */
:root {
    /* neutrals */
    --brand-ink:         #2c2825;   /* primary dark: buttons, top bars, table heads */
    --brand-ink-deep:    #1c1917;   /* hover / sidebars */
    --brand-ink-soft:    #3c3530;
    --brand-ink-text:    #f0ebe3;   /* text on the dark surfaces (12:1 on ink) */
    --brand-bg:          #f5f3ef;   /* page background */
    --brand-surface:     #ffffff;
    --brand-border:      #ddd8cf;
    --brand-border-soft: #f0ede8;
    --brand-text:        #2c2825;
    --brand-muted:       #7c6f5e;   /* 4.9:1 on white */

    /* accent (tan) */
    --brand-accent:        #a08060; /* decorative: borders, icons, large text */
    --brand-accent-light:  #c4a882; /* accent on dark surfaces (6.5:1 on ink) */
    --brand-accent-strong: #7c5f3f; /* accent as text/links on light (5.9:1) */
    --brand-accent-tint:   #f5efe6;

    /* type */
    --font-sans:  'DM Sans', 'Segoe UI', -apple-system, sans-serif;
    --font-serif: 'Lora', Georgia, serif;
}

/* Headings use the serif everywhere. :where() = zero specificity, any page can override. */
:where(h1, h2, h3) { font-family: var(--font-serif); }