/* ============================================================
   Idle Wealth, Color tokens
   Navy is the brand. White/cool-grey is the canvas. One refined
   indigo accent, used sparingly. Built around the logo navy #1b2466.
   ============================================================ */

:root {
  /* ---- Brand navy (the hero) ------------------------------- */
  --iw-navy-900: #0f1545;   /* deepest, pressed states, shadows */
  --iw-navy-800: #161d54;
  --iw-navy-700: #1b2466;   /* PRIMARY brand navy (logo color) */
  --iw-navy-600: #232d80;   /* lifted navy / hover on navy fills */
  --iw-navy-500: #2f3da0;
  --iw-navy-300: #6b76c4;   /* navy on light, muted */
  --iw-navy-100: #d7dbf0;   /* faint navy tint fills */
  --iw-navy-50:  #eef0fa;   /* lightest navy wash */

  /* ---- Cool neutrals (canvas + greys) ---------------------- */
  --iw-white:    #ffffff;
  --iw-paper:    #f6f7fb;   /* PRIMARY page background, faint blue */
  --iw-mist:     #eef0f6;   /* recessed surfaces */
  --iw-cloud:    #e3e6f0;   /* hairline fills, idle dots */
  --iw-ash:      #c3c8d8;   /* borders on light, disabled */
  --iw-slate:    #6a7088;   /* secondary text */
  --iw-graphite: #3a3f55;   /* strong secondary on light */
  --iw-ink:      #14182b;   /* near-black text (cool, navy-tinted) */

  /* ---- Accent: refined indigo derived from navy ------------ */
  --iw-indigo-600: #3b48c9;  /* accent press */
  --iw-indigo-500: #4f5bd5;  /* PRIMARY accent (links, focus, lit dots) */
  --iw-indigo-400: #6b76e0;  /* accent hover / periwinkle */
  --iw-indigo-200: #b9bff1;  /* tint */
  --iw-indigo-100: #e6e8fb;  /* faint tint fill */

  /* ---- Support: a single warm tone for positive/coin moments */
  --iw-gold-500: #c9a23f;    /* sparing: "wealth"/growth highlight */
  --iw-gold-100: #f3ecd6;

  /* ---- Semantic aliases ------------------------------------ */
  /* Surfaces */
  --surface-page:       var(--iw-paper);
  --surface-raised:     var(--iw-white);
  --surface-card:       var(--iw-white);
  --surface-card-muted: var(--iw-mist);
  --surface-sunken:     var(--iw-mist);
  --surface-navy:       var(--iw-navy-700);   /* dark feature sections */
  --surface-navy-deep:  var(--iw-navy-900);
  --surface-inverse:    var(--iw-navy-700);

  /* Text */
  --text-primary:    var(--iw-ink);
  --text-brand:      var(--iw-navy-700);
  --text-secondary:  var(--iw-slate);
  --text-tertiary:   var(--iw-ash);
  --text-disabled:   var(--iw-ash);
  --text-on-navy:    var(--iw-white);
  --text-on-navy-muted: rgba(255,255,255,0.66);
  --text-accent:     var(--iw-indigo-500);

  /* Lines & borders */
  --border-hairline: rgba(20,24,43,0.08);
  --border-soft:     rgba(20,24,43,0.12);
  --border-strong:   rgba(20,24,43,0.20);
  --border-navy:     var(--iw-navy-700);
  --border-on-navy:  rgba(255,255,255,0.16);

  /* Accent roles */
  --accent:        var(--iw-indigo-500);
  --accent-hover:  var(--iw-indigo-400);
  --accent-press:  var(--iw-indigo-600);
  --focus-ring:    var(--iw-indigo-500);

  /* Buttons, solid is navy */
  --btn-solid-bg:        var(--iw-navy-700);
  --btn-solid-bg-hover:  var(--iw-navy-600);
  --btn-solid-bg-press:  var(--iw-navy-900);
  --btn-solid-fg:        var(--iw-white);
}