/* ============================================================
   RETURN Africa — brand design tokens (Phase 2 foundation)
   Namespaced --ra-* custom properties. Base palette + type on
   :root; per-collection accents applied via [data-ra-accent] set
   by JS on the widget/journey/packages root when a property is
   chosen. All accent/text pairings verified WCAG AA.
   ============================================================ */
:root {
    /* ---- Base brand palette ---- */
    --ra-heavy-metal:   #302A25;  /* primary dark / ink */
    --ra-pearl-blush:   #E8DED5;  /* soft borders / panels */
    --ra-rodeo-dust:    #C7B3A3;  /* muted taupe */
    --ra-antique-white: #F5ECE2;  /* page / surface */
    --ra-ink:           #302A25;
    --ra-ink-soft:      #5b5148;
    --ra-muted:         #8a7d70;
    --ra-line:          #E8DED5;
    --ra-surface:       #faf7f4;

    /* ---- Default accent — Pafuri "Copper Canyon" until a collection is chosen ---- */
    --ra-accent:          #6E722E;  /* Pesto */
    --ra-accent-2:        #6E380F;  /* Copper Canyon */
    --ra-accent-deep:     #4D4C27;  /* Woodland */
    --ra-accent-contrast: #e8ded5;  /* text on --ra-accent (AA verified) */
    --ra-accent-tint:     #f5ece2;  /* light wash for selected rows / highlights */

    /* ---- Type scale ---- */
    --ra-font-serif: "Iowan Old Style", Georgia, "Times New Roman", serif;
    --ra-font-sans:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --ra-font-mono:  ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    --ra-fs-xs:   0.72rem;
    --ra-fs-sm:   0.85rem;
    --ra-fs-base: 0.95rem;
    --ra-fs-lg:   1.10rem;
    --ra-fs-xl:   1.40rem;
    --ra-fs-2xl:  1.90rem;
    --ra-lh:      1.55;

    /* ---- Shape ---- */
    --ra-radius:    8px;
    --ra-radius-sm: 4px;
    --ra-radius-lg: 12px;
    --ra-shadow:    0 10px 34px rgba(48, 42, 37, 0.16);
}

/* ============================================================
   Per-collection accent sets. JS sets data-ra-accent on the root.
   Each pairing (accent / accent-contrast) is WCAG AA compliant:
   - Pafuri  Copper Canyon #6E380F  + white  9.39:1
   - AAS     Mountain Sunset #AE6421 + white  4.52:1
   - Welgeleg Tiger's Eye  #DF9F3E   + INK    6.18:1  (white fails, so dark text)
   ============================================================ */
[data-ra-accent="pafuri"] {
    --ra-accent:          #6E722E;  /* Pesto */
    --ra-accent-2:        #6E380F;  /* Copper Canyon */
    --ra-accent-deep:     #4D4C27;  /* Woodland */
    --ra-accent-contrast: #e8ded5;
    --ra-accent-tint:     #f5ece2;
}
[data-ra-accent="aas"] {
    --ra-accent:          #304D4F;  /* Dark Slate Gray */
    --ra-accent-2:        #AE6421;  /* Mountain Sunset */
    --ra-accent-deep:     #1A2629;  /* Midnight */
    --ra-accent-contrast: #e8ded5;
    --ra-accent-tint:     #f5ece2;
}
[data-ra-accent="welgelegen"] {
    --ra-accent:          #748f92;  /* Light Slate Gray */
    --ra-accent-2:        #DF9F3E;  /* Tiger's Eye */
    --ra-accent-deep:     #53696B;  /* Stormcloud */
    --ra-accent-contrast: #e8ded5;
    --ra-accent-tint:     #f5ece2;
}