/* ============================================================
   TEMPLATE BRAND BRIDGE
   Remaps the vendored template's CSS custom properties (its
   --theme-color1..4 / font slots, defined in assets/amiso/css/
   style.css) onto Tripaura's own brand tokens from theme.css, so
   the template renders in the Tripaura palette instead of its own
   default near-black/red. Only variables are touched here — no
   selector rules — so theme.css stays the single source of truth
   and a future palette change only ever happens in one file.
   ============================================================ */

:root {
    /* Template slot -> Tripaura token (see docs in theme.css) */
    --theme-color1: var(--color-navy);      /* #0D1B2A — dark base: headings, header, footer */
    --theme-color2: var(--color-primary);   /* #0A68FF — accent: buttons, links, icons */
    --theme-color3: var(--color-surface);   /* #F2F4F7 — light section backgrounds, cards */
    --theme-color4: var(--color-sky);       /* #388DF8 — hover/decorative, not small-text bg (contrast) */

    --theme-color1-rgb: var(--color-navy-rgb);
    --theme-color2-rgb: var(--color-primary-rgb);
    --theme-color3-rgb: var(--color-surface-rgb);
    --theme-color4-rgb: var(--color-sky-rgb);

    --bg-theme-color1: var(--theme-color1);
    --bg-theme-color2: var(--theme-color2);
    --bg-theme-color3: var(--theme-color3);
    --bg-theme-color4: var(--theme-color4);

    --border-theme-color1: var(--theme-color1);
    --border-theme-color2: var(--theme-color2);
    --border-theme-color3: var(--theme-color3);
    --border-theme-color4: var(--theme-color4);

    --headings-color: var(--color-navy);
    --link-color: var(--color-primary);
    --link-hover-color: var(--color-sky);

    /* Typography — Poppins for Latin, Cairo covers Arabic automatically
       (Poppins has no Arabic glyphs, so it falls back on its own). */
    --text-font: 'Poppins', var(--font-ar);
    --title-font: 'Poppins', var(--font-ar);

    /* 90px is tuned for the template's short English taglines; Tripaura's
       bilingual headings run longer and wrap awkwardly at that size. */
    --h1-font-size: 64px;
}

/* Arabic pages: force Cairo as the primary family rather than a fallback,
   since Poppins renders nothing for Arabic text anyway. */
[dir="rtl"] {
    --text-font: var(--font-ar);
    --title-font: var(--font-ar);
}