/* ============================================================================
   FocusFlow — brand-expression layer (loads site-wide, dep on parent `instawhew`)

   Two jobs:
   (1) REMAP the instawhew design-system primitives (--wp--preset--color--*, and
       the parent token aliases --accent-*, --base-*, --surface-*) onto the
       FocusFlow palette, so ANY instawhew component (buttons, cards, sections)
       rendered on this install comes out on-brand navy/sand/cream instead of
       instawhew's indigo/slate. This is the "the chassis renders on-brand"
       proof — not just the LP, the theme's own primitives.
   (2) DEFINE the FocusFlow LP tokens (--navy/--sand/--cream/etc). The LP
       stylesheet (focusflow-lp.css) consumes these.

   Brand palette (from the reference LP):
     navy #1a3a52 · navy-d #143245 · sand #d4a574 · sand-d #b8895a
     cream #fdfaf5 · cream-2 #f6f0e6 · text #2c2c2c · muted #6b6b6b · border #e8e3da
   ========================================================================== */

:root {

  /* ---- FocusFlow LP tokens (consumed by focusflow-lp.css + the LP template) ---- */
  --navy:    #1a3a52;
  --navy-d:  #143245;
  --sand:    #d4a574;
  --sand-d:  #b8895a;
  --cream:   #fdfaf5;
  --cream-2: #f6f0e6;
  --text:    #2c2c2c;
  --muted:   #6b6b6b;
  --border:  #e8e3da;
  --white:   #ffffff;

  --head: "Poppins","Segoe UI",system-ui,sans-serif;
  --body: "InterVar","Segoe UI",system-ui,sans-serif;

  /* ============================================================
     REMAP: instawhew WordPress preset colors -> FocusFlow brand.
     These are the CSS custom props theme.json auto-emits and that
     instawhew's own CSS + any block colors resolve against.
     accent-* = brand action color -> FocusFlow navy ramp.
     base-*   = neutral ramp        -> FocusFlow cream/ink ramp.
     ============================================================ */

  /* accent ramp -> navy (dark→light). instawhew used indigo #1A2FC7 etc. */
  --wp--preset--color--accent-700: #0e2536;
  --wp--preset--color--accent-600: #143245;   /* navy-d — primary button bg */
  --wp--preset--color--accent-500: #1a3a52;   /* navy   — brand core */
  --wp--preset--color--accent-400: #2f5871;
  --wp--preset--color--accent-300: #d4a574;   /* sand   — the on-dark accent the LP uses for eyebrows */
  --wp--preset--color--accent-200: #e2c39c;
  --wp--preset--color--accent-100: #efe0c9;
  --wp--preset--color--accent-50:  #fdf7ef;

  /* base ramp -> cream/ink. instawhew used cool slate #070711..#F5F5FA. */
  --wp--preset--color--base-950: #0e2536;
  --wp--preset--color--base-900: #143245;
  --wp--preset--color--base-800: #1a3a52;
  --wp--preset--color--base-700: #2c2c2c;   /* body ink */
  --wp--preset--color--base-600: #4a4a4a;
  --wp--preset--color--base-500: #6b6b6b;   /* muted */
  --wp--preset--color--base-400: #9aa7b0;
  --wp--preset--color--base-300: #cfc7ba;
  --wp--preset--color--base-200: #e8e3da;   /* border */
  --wp--preset--color--base-100: #f2ece1;
  --wp--preset--color--base-50:  #f6f0e6;   /* cream-2 */
  --wp--preset--color--white:    #ffffff;

  /* ============================================================
     REMAP: instawhew parent token ALIASES (used across its CSS as
     var(--accent-600), var(--surface-2), var(--base-500), etc).
     Point them at the same FocusFlow values so parent components
     (ds-btn, ds-card, sections) render on-brand.
     ============================================================ */
  --accent-700: #0e2536;
  --accent-600: #143245;
  --accent-500: #1a3a52;
  --accent-400: #2f5871;
  --accent-300: #d4a574;
  --accent-200: #e2c39c;
  --accent-100: #efe0c9;
  --accent-50:  #fdf7ef;

  --base-950: #0e2536;
  --base-900: #143245;
  --base-800: #1a3a52;
  --base-700: #2c2c2c;
  --base-600: #4a4a4a;
  --base-500: #6b6b6b;
  --base-400: #9aa7b0;
  --base-300: #cfc7ba;
  --base-200: #e8e3da;
  --base-100: #f2ece1;
  --base-50:  #f6f0e6;

  /* surface + line aliases the parent uses for backgrounds/borders */
  --surface:      #ffffff;
  --surface-2:    #f6f0e6;
  --surface-3:    #fdfaf5;
  --line-subtle:  #e8e3da;
  --line:         #e8e3da;
  --text-1:       #1a3a52;
  --text-2:       #2c2c2c;
  --text-3:       #6b6b6b;

  /* success/error kept close to the LP's on-brand green/terracotta */
  --success: #2f7d5b;
  --error:   #b45a4a;
}