/* ============================================================
   FOREVER PLACES — BRAND PALETTE  (white / blue / black)
   ------------------------------------------------------------
   One simplified, trustworthy system: a clean white canvas, a
   cyan-azure blue drawn from the business card, an off-black
   ink, and cool grays. Edit a hex below, save, refresh — the
   whole site re-colors instantly (no rebuild needed).

   Each token also has a built-in default in tailwind.config.js,
   so deleting a line here falls back gracefully.

   The legacy token NAMES (forest/sun/coral/sky/cream/charcoal)
   are kept so existing markup keeps working, but every value
   below is part of the white/blue/black system — no greens,
   no yellows, no coral.
   ============================================================ */

:root {
    /* ---- BLUE SCALE (the signature, from the card) ---------------- */
    --brand-50:   #ecfbfe;   /* faint aqua wash — pale panels / section tints */
    --brand-100:  #ccf3fb;
    --brand-200:  #9ae7f6;
    --brand-300:  #62d8ee;   /* light aqua — light-on-dark accents */
    --brand-400:  #36d6e7;   /* the signature bright cyan (decorative accents) */
    --brand-500:  #159fc6;   /* bright cyan-blue — transitional */
    --brand-600:  #0c75ac;   /* primary actions — white text passes AA (kept deep) */
    --brand-700:  #0a6092;   /* hover / links / text accents (kept deep) */
    --brand-800:  #0c5176;
    --brand-900:  #103f59;

    /* ---- INK (cool near-black) + dark surfaces -------------------- */
    --ink:        #15181d;   /* body text */
    --ink-deep:   #0f1216;   /* immersive dark sections + footer */
    --ink-soft:   #232931;   /* slightly lifted dark */

    /* ============================================================
       Legacy token mapping — points the old names at the new system
       ============================================================ */

    /* PRIMARY (buttons, links, accents on white) = brand blue */
    --color-forest:        #0c75ac;
    --color-forest-light:  #0a6092;   /* hover / deeper accent */
    --color-forest-soft:   #eef8fd;   /* pale blue panel background */

    /* FEATURE / FOOTER (dark, immersive sections) = off-black ink */
    --color-forest-deep:   #0f1216;

    /* CTA / HEADLINE ACTION — kept in the blue family for one clear action color */
    --color-sun:           #0c75ac;
    --color-sun-deep:      #0a6092;   /* hover */
    --color-sun-soft:      #eef8fd;   /* pale-blue feature panel (e.g. quote band) */

    /* SECONDARY accent -> quiet cool gray so any stray use reads neutral */
    --color-coral:         #475569;
    --color-coral-soft:    #eef2f7;

    /* TERTIARY accent -> the signature bright cyan */
    --color-sky:           #36d6e7;
    --color-sky-soft:      #e3f9fc;

    /* EMOTIONAL accent -> soft blush (hearts + tender flourishes only) */
    --color-blush:         #ff7a9c;
    --color-blush-soft:    #ffe7ee;

    /* NEUTRALS */
    --color-cream:         #f8f6f2;   /* whisper-warm paper off-white page background */
    --color-charcoal:      #15181d;   /* body text ink */
}