/* Genesis — Color tokens
   Body for Life brand palette.
   Blue (#1CA8DE) is the interactive color — CTAs, links, active, focus.
   Green (#88C14A) is the brand accent — wordmark highlight & positive metrics. */

:root {
  /* ---- Base palette ---- */
  --blue-500: #1CA8DE;   /* Primary — interactive */
  --blue-600: #1789BC;   /* Primary hover (darker) */
  --blue-100: #C4E9F7;   /* Soft wash */
  --blue-50:  #E8F6FC;   /* Lightest wash */

  --green-500: #88C14A;  /* Brand accent */
  --green-600: #6FA438;  /* Darker green for legible text */
  --green-100: #DEEEC6;
  --green-50:  #F0F7E4;

  --neutral-400: #9C9C9C;  /* Muted / placeholder / disabled */
  --ink-950:     #0A0A0A;  /* Near-black, primary text */
  --ink-500:     #6B6B6B;  /* Secondary text */

  --paper-50:  #FAFAFA;    /* Page background (warm gray) */
  --white:     #FFFFFF;    /* Surfaces */
  --line-200:  #E8E8EC;    /* Borders & dividers */

  /* Tints used for chips */
  --gray-100: #F4F4F5;
  --gray-200: #E8E8EC;
  --gray-600: #52525B;

  /* ---- Semantic status ---- */
  --success-500: #10B981;
  --warning-500: #F59E0B;
  --error-500:   #EF4444;
  --success-50:  #E7F8F1;
  --warning-50:  #FEF4E2;
  --error-50:    #FDECEC;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--blue-500);
  --color-primary-hover:  var(--blue-600);
  --color-secondary:      var(--green-500);

  --bg-page:        var(--paper-50);
  --bg-alt:         var(--gray-100);
  --surface-card:   var(--white);
  --surface-raised: var(--white);

  --text-primary:   var(--ink-950);
  --text-secondary: var(--ink-500);
  --text-muted:     var(--neutral-400);
  --text-on-primary: var(--white);
  --text-link:      var(--blue-500);

  --border-default: var(--line-200);
  --border-strong:  #D4D4D8;
  --border-focus:   var(--blue-500);

  --status-published: var(--success-500);
  --status-pending:   var(--warning-500);
  --status-rejected:  var(--error-500);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(28, 168, 222, 0.14);
}