/*
 * Brings the Wagtail admin's accent colors and page-title typography in line
 * with the public Next.js site's "night" theme (see src/app/globals.css for
 * the source values this is derived from). Loaded via the `insert_global_admin_css`
 * hook (cms/sitesettings/wagtail_hooks.py), Wagtail's own documented, supported
 * way to retheme the admin without touching its internal templates/JS.
 *
 * Scope, deliberately: only the brand accent color and page-title headings.
 * Wagtail's existing light/dark toggle, layout, and UI font for forms/tables/
 * body text are untouched — those exist for real day-to-day usability, and
 * the site's decorative display faces (Fragua/Rama Gothic) are meant for
 * large marketing headlines, not dense admin UI.
 *
 * --w-color-primary(-200) and --w-color-secondary* are composed from these
 * *-hue/-saturation/-lightness parts via calc() in Wagtail's own core.css,
 * so overriding just the three base components here is enough — every
 * derived shade (hover states, the -200/-400/etc. variants) recalculates
 * from them automatically, in both the light and dark theme variants
 * (only backgrounds/surfaces differ per theme, not this hue family).
 */

:root {
    /* Primary: the violet from the site's button/CTA gradient (#6B21A8 → #BE185D). */
    --w-color-primary-hue: 272.9;
    --w-color-primary-saturation: 67.2%;
    --w-color-primary-lightness: 39.4%;

    /* Secondary: the gold from the brand mark's gradient (#DAAD6A → #9A6AA7). */
    --w-color-secondary-hue: 35.9;
    --w-color-secondary-saturation: 60.2%;
    --w-color-secondary-lightness: 63.5%;

    /* Focus ring: the site's own --night-accent. */
    --w-color-focus: #e3b3f8;
}

@font-face {
    font-family: "Fragua";
    src: url("../fonts/Fragua-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Every content-section heading inside a page's edit form (MultiFieldPanel labels like
   "Hero", "Who we are", "Our work" etc. — confirmed present and consistent across every
   page type in this project) plus the login screen's heading (login.html gives it this
   class directly). Page-listing views (Documents, Images, ...) don't have an equivalent
   visible heading in this Wagtail version to style — their page <h1> is screen-reader-only
   by design, not a themeable visible element. */
.w-panel__heading,
.magistry-brand-heading {
    font-family: "Fragua", var(--w-font-sans);
    letter-spacing: 0.02em;
}