/* ============================================================
   PrivacyBee — Color tokens
   Brand: Navy #1a2744 · Gelb #f5a623 · Blau #2d6ae0
   Übernommen aus dem PrivacyBee-Designsystem, unverändert.
   ============================================================ */

:root {
  /* ---- Brand: Navy (primary identity, text, headers) ---- */
  --pb-navy-900: #11192e;
  --pb-navy-800: #1a2744; /* core brand navy */
  --pb-navy-700: #233158;
  --pb-navy-600: #324272;
  --pb-navy-500: #475a90;
  --pb-navy-300: #8a96b6;
  --pb-navy-100: #d7dceb;
  --pb-navy-50:  #eef1f8;

  /* ---- Brand: Gelb / honey (accent, highlights, badges) ---- */
  --pb-honey-700: #c97f12;
  --pb-honey-600: #e08f16;
  --pb-honey-500: #f5a623; /* core brand yellow */
  --pb-honey-400: #f8bb55;
  --pb-honey-300: #fbd089;
  --pb-honey-100: #fdeccb;
  --pb-honey-50:  #fef6e8;

  /* ---- Brand: Blau (calls-to-action, links, focus) ---- */
  --pb-blue-700: #1d4eb0;
  --pb-blue-600: #2458c6;
  --pb-blue-500: #2d6ae0; /* core brand blue */
  --pb-blue-400: #5a8aea;
  --pb-blue-300: #9bb8f3;
  --pb-blue-100: #d6e2fb;
  --pb-blue-50:  #eef4fe;

  /* ---- Neutrals (greys, surfaces, borders) ---- */
  --pb-white:    #ffffff;
  --pb-grey-50:  #f4f6f8; /* hellgrau — section surface */
  --pb-grey-100: #eaeef2;
  --pb-grey-200: #dde3ea;
  --pb-grey-300: #c6cfda;
  --pb-grey-400: #9aa6b6;
  --pb-grey-500: #6b7888;
  --pb-grey-600: #4d5868;
  --pb-grey-700: #343d4b;

  /* ---- Semantic status hues ---- */
  --pb-green-600: #1e9152;
  --pb-green-500: #27ae60; /* success */
  --pb-green-100: #d9f2e4;
  --pb-green-50:  #ecf9f1;

  --pb-red-600:  #d33a2b;
  --pb-red-500:  #e74c3c; /* error / danger */
  --pb-red-100:  #fbdbd7;
  --pb-red-50:   #fdeeec;

  /* Text */
  --text-strong:    var(--pb-navy-800);
  --text-body:      var(--pb-navy-700);
  --text-muted:     var(--pb-grey-500);
  --text-inverse:   var(--pb-white);
  --text-link:      var(--pb-blue-500);
  --text-accent:    var(--pb-honey-500);
  --text-on-honey:  var(--pb-navy-800);

  /* Surfaces */
  --surface-page:   var(--pb-white);
  --surface-subtle: var(--pb-grey-50);
  --surface-card:   var(--pb-white);
  --surface-navy:   var(--pb-navy-800);
  --surface-honey:  var(--pb-honey-500);
  --surface-blue:   var(--pb-blue-500);

  /* Borders */
  --border-subtle:  var(--pb-grey-200);
  --border-default: var(--pb-grey-300);
  --border-strong:  var(--pb-navy-100);

  /* Interactive — primary (blue CTA) */
  --action-primary:        var(--pb-blue-500);
  --action-primary-hover:  var(--pb-blue-600);
  --action-primary-press:  var(--pb-blue-700);

  /* Interactive — accent (honey) */
  --action-accent:         var(--pb-honey-500);
  --action-accent-hover:   var(--pb-honey-600);
  --action-accent-press:   var(--pb-honey-700);

  /* Status */
  --status-success: var(--pb-green-500);
  --status-error:   var(--pb-red-500);
  --status-info:    var(--pb-blue-500);
  --status-warning: var(--pb-honey-500);

  /* Focus ring */
  --focus-ring: var(--pb-blue-400);
}