/* ============================================================================
   brand.css — THE ONE FILE TO RESTYLE PER CLIENT
   ----------------------------------------------------------------------------
   Every colour and font used by the public site (home page + inner pages) is
   defined here as a --brand-* token. Change these values and the whole site
   follows. The --hp-* / --primary / --accent aliases below map the tokens onto
   the names the existing stylesheets already use — don't touch those, just the
   --brand-* block.
   Loaded on every guest-facing page, before home-2026.css / sections.css.

   Client: Jurney's Logix and Advisory NV (Suriname corporate services).
   Palette from ALL-DEV-DOCS-S/homepage-mockup.html — ink / bronze / teal / stone,
   Source Serif 4 headings + Inter body, sharp corners.
   ============================================================================ */

:root {
    /* ── Brand colours ── */
    --brand-primary:       #16242C;   /* ink — headings, buttons, nav */
    --brand-primary-dark:  #0F181D;   /* darkest — hero background, footer */
    --brand-primary-mid:   #233C42;
    --brand-accent:        #B8862E;   /* bronze — links, highlights, underlines */
    --brand-accent-light:  #D0A24A;
    --brand-accent-pale:   #F5EEDD;
    --brand-surface:       #F3F4F2;   /* stone — light section background */
    --brand-surface-mid:   #E6E8E4;
    --brand-ink:           #16242C;   /* body text */
    --brand-ink-mid:       #3B4A52;
    --brand-ink-muted:     #6B7880;   /* secondary text */
    --brand-white:         #FFFFFF;

    /* ── Brand fonts ── */
    --brand-font-display:  'Source Serif 4', Georgia, 'Times New Roman', serif;
    --brand-font-body:     'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ── Shape ── */
    --brand-radius:        2px;

    /* ── Aliases: home page stylesheet (hp- prefix) — do not edit ── */
    --hp-primary:      var(--brand-primary);
    --hp-primary-dark: var(--brand-primary-dark);
    --hp-primary-mid:  var(--brand-primary-mid);
    --hp-accent:       var(--brand-accent);
    --hp-accent-light: var(--brand-accent-light);
    --hp-accent-pale:  var(--brand-accent-pale);
    --hp-surface:      var(--brand-surface);
    --hp-surface-mid:  var(--brand-surface-mid);
    --hp-text-dark:    var(--brand-ink);
    --hp-text-mid:     var(--brand-ink-mid);
    --hp-text-muted:   var(--brand-ink-muted);
    --hp-white:        var(--brand-white);
    --hp-font:         var(--brand-font-body);

    /* ── Aliases: inner public pages — do not edit ── */
    --primary:       var(--brand-primary);
    --primary-mid:   var(--brand-primary-mid);
    --primary-light: var(--brand-accent);
    --accent:        var(--brand-accent);
    --accent-light:  var(--brand-accent-light);
    --accent-pale:   var(--brand-accent-pale);
    --surface:       var(--brand-surface);
    --surface-mid:   var(--brand-surface-mid);
    --slate:         var(--brand-ink-mid);
    --slate-light:   var(--brand-ink-muted);
    --text-dark:     var(--brand-ink);
    --text-mid:      var(--brand-ink-mid);
    --text-muted:    var(--brand-ink-muted);
    --white:         var(--brand-white);
    --font-display:  var(--brand-font-display);
    --font-body:     var(--brand-font-body);
}

/* ── Modern polish (applies over the base home + inner-page CSS) ─────────── */
.hp-btn, .hp-btn-primary, .mrd-btn-fill {
    border-radius: 6px;
    letter-spacing: 0.01em;
}
.hp-service-card, .hp-pillar, .hp-mission-card, .mrd-icard {
    border-radius: var(--brand-radius);
}
.hp-hero { min-height: 88vh; }
.hp-section-heading, .mrd-sec-title, .mrd-page-hero h1 {
    letter-spacing: -0.02em;
}
.hp-eyebrow, .mrd-sec-eyebrow, .mrd-page-eyebrow {
    letter-spacing: 0.18em;
}