/* ============================================================
   iGurus Design System — CSS Custom Properties (tokens)
   Branch: feature/igurus-cream-theme
   Loaded BEFORE ig-theme.css so var() references resolve.

   Add new tokens here; never hardcode palette values that
   appear in more than one place — reference the token instead.
   ============================================================ */

:root {
    /* ── Surface colours ─────────────────────────────────── */
    --ig-cream:          #FDFBF8;   /* page / section background   */
    --ig-testi-bg:       #2A1521;   /* testimonials dark plum-charcoal */
    --ig-footer-bg:      #F6EFE6;   /* footer warm cream            */

    /* ── Brand colours ───────────────────────────────────── */
    --ig-crimson:        #A41034;   /* primary CTA, buttons, icons  */
    --ig-crimson-hover:  #D91247;   /* button hover                 */
    --ig-crimson-light:  #D83C68;   /* CTA band / large block fill  */

    /* ── Text colours ────────────────────────────────────── */
    --ig-ink:            #111827;   /* headings / dark ink          */
    --ig-ink-soft:       #222222;   /* headings on light sections   */
    --ig-body:           #6B7280;   /* body / muted text            */
    --ig-body-warm:      #6B6B68;   /* muted text on warm surfaces  */

    /* ── Accent ──────────────────────────────────────────── */
    --ig-amber:          #F59E0B;   /* star ratings ONLY — do not reuse elsewhere */
}