/* ===========================================================================
   Genesis · Color tokens
   Indigo-led editorial palette. Indigo is for INTERACTION only.
   Green is reserved exclusively for the DESIGN.md brand highlight.
   =========================================================================== */

:root {
  /* ---- Base palette ---------------------------------------------------- */
  --color-indigo-500: #6366f1;   /* primary */
  --color-indigo-600: #4f46e5;   /* primary hover */
  --color-green-600:  #20970b;   /* DESIGN.md brand highlight ONLY */

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error:   #ef4444;

  /* Neutrals — never pure #000 / #fff for text */
  --color-ink-900: #0a0a0a;      /* text primary, near-black */
  --color-ink-600: #6b6b6b;      /* text secondary */
  --color-ink-400: #9c9c9c;      /* muted / placeholder / disabled */

  --color-white:   #ffffff;      /* surface */
  --color-bg:      #fafafa;      /* page background, warm light gray */
  --color-border:  #e8e8ec;      /* borders, dividers */
  --color-bg-alt:  #f3f3f5;      /* nav-link hover, subtle row hover */

  /* Tints — for chip / status fills */
  --color-indigo-50:  #eef0fe;
  --color-success-50: #e7f8f1;
  --color-warning-50: #fef3e2;
  --color-error-50:   #fdeaea;
  --color-gray-100:   #f1f1f3;
  --color-gray-600:   #5a5a5f;

  /* ---- Semantic aliases ------------------------------------------------ */
  --primary:          var(--color-indigo-500);
  --primary-hover:    var(--color-indigo-600);
  --primary-tint:     var(--color-indigo-50);
  --brand-green:      var(--color-green-600);

  --bg:               var(--color-bg);
  --surface:          var(--color-white);
  --surface-alt:      var(--color-bg-alt);

  --text-primary:     var(--color-ink-900);
  --text-secondary:   var(--color-ink-600);
  --text-muted:       var(--color-ink-400);
  --text-on-primary:  var(--color-white);

  --border:           var(--color-border);
  --border-strong:    #d8d8de;

  --focus-ring:       rgba(99, 102, 241, 0.12);   /* 3px focus ring color */
  --primary-glow:     rgba(99, 102, 241, 0.35);   /* primary button hover glow */

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