/* ===========================================================================
   Honeypot — Color tokens
   Source: Honeypot Brand Guidelines (Magdalene Stefanatou, 2023)
   =========================================================================== */

:root {
  /* ---- Brand core -------------------------------------------------------- */
  --hp-neon-lemon: #f2fc37;   /* Honeypot Neon Lemon — primary brand color   */
  --hp-anthrax:    #1e1e1e;   /* Honeypot Anthrax — near-black ink            */
  --hp-cool-grey:  #e5e5e5;   /* Honeypot Cool Grey — soft surface           */
  --hp-grape:      #7800e7;   /* Honeypot Grape Purple — accent only         */

  /* Tints/shades of the brand yellow (derived, harmonious) */
  --hp-lemon-100: #fdffd6;
  --hp-lemon-200: #fbffa1;
  --hp-lemon-300: #f7ff6b;
  --hp-lemon-400: #f2fc37;   /* = neon lemon */
  --hp-lemon-500: #e2ec1f;
  --hp-lemon-600: #c3cc00;

  --hp-grape-100: #efe0fc;
  --hp-grape-400: #7800e7;
  --hp-grape-600: #5a00ac;

  /* ---- Neutral ramp (from brand guidelines swatch strip) ----------------- */
  --hp-white:   #ffffff;
  --hp-grey-50: #fafafa;
  --hp-grey-100:#f2f2f2;
  --hp-grey-150:#e9e9e9;
  --hp-grey-200:#dfdfdf;
  --hp-grey-300:#cdcdcd;
  --hp-grey-400:#9c9c9c;
  --hp-grey-500:#6f6f6f;
  --hp-grey-600:#444444;
  --hp-grey-800:#2b2b2b;
  --hp-black:   #1e1e1e;   /* anthrax */

  /* ---- Semantic aliases -------------------------------------------------- */
  /* Text */
  --text-strong:  var(--hp-anthrax);
  --text-body:    #2b2b2b;
  --text-muted:   var(--hp-grey-500);
  --text-faint:   var(--hp-grey-400);
  --text-on-dark: #ffffff;
  --text-on-lemon:var(--hp-anthrax);
  --text-link:    var(--hp-grape);

  /* Surfaces */
  --surface-page:    #ffffff;
  --surface-subtle:  var(--hp-grey-50);
  --surface-card:    #ffffff;
  --surface-muted:   var(--hp-cool-grey);
  --surface-inverse: var(--hp-anthrax);
  --surface-brand:   var(--hp-neon-lemon);

  /* Borders */
  --border-subtle:  var(--hp-grey-200);
  --border-default: var(--hp-grey-300);
  --border-strong:  var(--hp-anthrax);

  /* Interactive / accents */
  --accent:            var(--hp-neon-lemon);
  --accent-ink:        var(--hp-anthrax);
  --accent-secondary:  var(--hp-grape);
  --focus-ring:        var(--hp-grape);

  /* Feedback (kept within brand temperature) */
  --success: #1f8a4c;
  --warning: #e2ec1f;
  --danger:  #d63a2f;
  --info:    var(--hp-grape);
}