/*
 * brand-root-override.css
 * ─────────────────────────────────────────────────────────
 * Drop this file into any project to override the brand system's
 * compiled defaults at runtime — no recompile needed.
 *
 * Only override what you need. Tints/darks are auto-computed
 * via color-mix() from the base vars, but you can pin them
 * explicitly here if the project requires exact approved values.
 *
 * Loaded AFTER css/brand-theme.css (frontend/assets/AppAsset.php),
 * so this :root wins over the compiled one.
 *
 * praça: the exact colours of the markup (structure/markup/HBD_20261007.pdf,
 * owner 2026-10-12). Every colour that Bootstrap reads through an -rgb
 * companion (bg-*, text-*, links) has it here too: change both together.
 * ─────────────────────────────────────────────────────────
 */

:root {

    /* ── praça palette (exact PDF values) ───────────────── */
    --brand-bg: #F2ECDD;            /* page */
    --brand-surface: #FAF6EC;       /* cards, header */
    --brand-topbar: #F7F3E8;
    --brand-ink: #1B1A16;           /* text, dark footer, "escuro" buttons */
    --brand-ink-soft: #3A3833;
    --brand-ink-muted: #6E695F;     /* mono labels */
    --brand-ink-faint: #9A948A;
    --brand-ink-faint-2: #8C8577;
    --brand-line: #E2D9C6;          /* borders */
    --brand-wave: #D9CFBB;          /* the wavy divider */
    --brand-primary-text: #BA4227;  /* terracotta for text and links: 4.57:1 on bg, 4.99:1 on surface (#C8472A: 4.06 on bg, under AA) */
    --brand-seal-bg: #E6EFE4;
    --brand-seal: #2E7D4F;
    --brand-seal-ink: #1F5C43;
    --brand-sea: #E2EAE4;           /* the map's sea */
    --brand-island: #EFE5CF;
    --brand-map-ring: #D3DDD5;      /* the map's decorative rings */
    --brand-map-coast: #D8CBAE;     /* the islands' coastline */
    --brand-placeholder: #EAE1CC;   /* photo placeholders ("[ FOTO DO EVENTO ]") */
    --brand-ochre: #CB980F;         /* the steps' second circle (= the "festa" tag's colour); its number in ink */
    --brand-shortcut-agenda: #F6E3D9;   /* home shortcut icon boxes (the business one is seal-bg) */
    --brand-shortcut-map: #E1EBEF;
    --brand-shortcut-map-ink: #2C6E8E;

    --brand-ink-rgb: 27, 26, 22;
    --brand-surface-rgb: 250, 246, 236;
    --brand-primary-text-rgb: 186, 66, 39;
    --brand-seal-rgb: 46, 125, 79;

    /* Tag colours: the seeds (m261010_100000); the event's own colour comes from the DB. */
    --brand-tag-festa: #CB980F;
    --brand-tag-musica: #963C09;
    --brand-tag-teatro: #6642A0;
    --brand-tag-gastronomia: #E778B5;
    --brand-tag-arte: #54AAF7;
    --brand-tag-natureza: #0D8671;

    /* ── Core brand palette (the compiled theme's names) ── */
    --brand-primary: #C8472A;       /* terracotta: white on it is 4.78:1 */
    --brand-secondary: var(--brand-ink);
    --brand-accent: var(--brand-ink-muted);
    --brand-primary-soft: var(--brand-surface);
    --brand-success: var(--brand-seal);

    --brand-primary-rgb: 200, 71, 42;
    --brand-secondary-rgb: 27, 26, 22;
    --brand-accent-rgb: 110, 105, 95;
    --brand-success-rgb: 46, 125, 79;

    --brand-dark: var(--brand-ink);
    --brand-dark-rgb: 27, 26, 22;
    --brand-gray-light: var(--brand-line);
    --brand-gray-light-rgb: 226, 217, 198;
    --brand-gray-soft-light: var(--brand-wave);
    --brand-gray: var(--brand-ink-faint);
    --brand-gray-rgb: 154, 148, 138;
    --brand-gray-dark: var(--brand-ink-soft);
    --brand-gray-dark-rgb: 58, 56, 51;

    /* ── General ────────────────────────────────── */
    /* Page background color — overrideable at runtime */
    --brand-bg-body: var(--brand-bg);
    --brand-bg-body-rgb: 242, 236, 221;

    /* For CSS background pattern: none, the PDF's background is flat */
    --brand-bg-pattern-color: transparent;
    --brand-bg-pattern-dot-size: 1px;
    --brand-bg-pattern-size: 20px;

    --brand-link-color: var(--brand-primary-text);
    --brand-link-hover-color: var(--brand-ink);
    --brand-border-radius: 0.625rem; /* buttons and inputs: 10px ($border-radius) */

    /* ── Typography ─────────────────────────────────────── */
    --brand-title-color: var(--brand-ink);
    --brand-text-color: var(--brand-ink);
    --brand-font-family-body: 'Inter', system-ui, sans-serif;
    --brand-font-family-title: 'Inter', system-ui, sans-serif;
    --brand-font-family-mono: 'IBM Plex Mono', ui-monospace, monospace;

    /* ── Bootstrap bridge vars ──────────────────────────── */
    --bs-primary: var(--brand-primary);
    --bs-secondary: var(--brand-secondary);
    --bs-body-bg: var(--brand-bg-body);
    --bs-body-bg-rgb: var(--brand-bg-body-rgb);
    --bs-body-color: var(--brand-text-color);
    --bs-body-color-rgb: var(--brand-ink-rgb);
    --bs-body-font-family: var(--brand-font-family-body);
    --bs-border-color: var(--brand-line);
    --bs-light-rgb: var(--brand-surface-rgb);
    --bs-nav-link-color: var(--brand-ink);
    --bs-nav-link-hover-color: var(--brand-link-color);
    /* Bootstrap 5.3 paints links from the -rgb pair, not from --bs-link-color. */
    --bs-link-color: var(--brand-link-color);
    --bs-link-color-rgb: var(--brand-primary-text-rgb);
    --bs-link-hover-color: var(--brand-link-hover-color);
    --bs-link-hover-color-rgb: var(--brand-ink-rgb);
    --bs-border-radius: var(--brand-border-radius);
    --bs-border-radius-lg: 1rem; /* cards: 16px */
    --bs-btn-border-radius: var(--brand-border-radius);

}