/* ==========================================================================
   Bandpal Colors (simplified)
   ========================================================================== */

:root{
  /* -------------------- */
  /* NEUTRALS (8 tokens)  */
  /* -------------------- */
  --bp-text:     #D3D3D3;
  --bp-text-dim: #9A9A9A; /* ohne Transparenz */

  --bp-grey-1:   #141414; /* app background */
  --bp-grey-2:   #181818; /* cards / panels */
  --bp-grey-3:   #1D1D1D; /* subtle surfaces */
  --bp-grey-4:   #2C2C2C; /* borders / dividers */
  --bp-grey-5:   #464646; /* stronger border / UI chrome */
  --bp-grey-6:   #8A8A8A; /* light UI / disabled-ish */
  --bp-grey-7:   #f4f4f4; /* light UI / disabled-ish */
  
  --bp-app: #000000;
  
  --bp-prompt: #000000;

  /* Semantic text roles. Legacy tokens above stay compatible. */
  --bp-text-strong:    #F0F0ED;
  --bp-text-secondary: #B5B5B2;
  --bp-text-muted:     var(--bp-text-dim);
  --bp-text-disabled:  #707070;
  --bp-text-link:      var(--bp-system);

  /* Semantic surface and border roles. */
  --bp-surface-app:      var(--bp-app);
  --bp-surface-card:     var(--bp-grey-2);
  --bp-surface-raised:   #24242A;
  --bp-surface-input:    var(--bp-grey-1);
  --bp-surface-hover:    #202026;
  --bp-surface-active:   var(--bp-system-dark);
  --bp-border-subtle:    var(--bp-grey-4);
  --bp-border-strong:    #6E6E6E;

  /* Existing generic aliases used by the theme toggle and Bandkalk. */
  --bp-card:   var(--bp-surface-card);
  --bp-border: var(--bp-border-subtle);

  /* Status foreground/background pairs. */
  --bp-status-info:          #75C8F2;
  --bp-status-info-surface:  var(--bp-system-dark);
  --bp-status-success:       #B1EF43;
  --bp-status-success-surface: var(--bp-green-dark);
  --bp-status-warning:       #FFC94D;
  --bp-status-warning-surface: var(--bp-yellow-dark);
  --bp-status-danger:        #FF6A54;
  --bp-status-danger-surface: var(--bp-red-dark);
  --bp-status-neutral:       #C2CBD4;
  --bp-status-neutral-surface: var(--bp-grey-3);

  /* Communication: comments, polls, reactions and discussion needs. */
  --bp-communication:         var(--bp-attn);
  --bp-communication-hover:   #FF75C7;
  --bp-communication-soft:    var(--bp-attn-dark);
  --bp-communication-strong:  #3A1748;
  --bp-communication-border:  #D94AA7;
  --bp-communication-text:    #FF8FD3;

  /* -------------------- */
  /* BRAND (8 tokens)     */
  /* Bezeichnungen bleiben */
  /* -------------------- */
  --bp-red:         #FE2102;
  --bp-red-dark:    #451E16;

  --bp-green:       #97E000;
  --bp-green-dark:  #344808;

  --bp-system:      #4FA3D1;
  --bp-system-dark: #1E3340;

  --bp-attn:        #FF4FB8;
  --bp-attn-dark:   #2B1236;
  
  --bp-yellow:        #FFB800;
  --bp-yellow-dark: #4A2F00;
}


html[data-bp-theme="light"] {
  /* -------------------- */
  /* NEUTRALS (8 tokens)  */
  /* -------------------- */
  --bp-text:     #1F2328;
  --bp-text-dim: #66707A;

  --bp-grey-1:   #F5F7FA; /* app background */
  --bp-grey-2:   #FFFFFF; /* cards / panels */
  --bp-grey-3:   #EEF2F6; /* subtle surfaces */
  --bp-grey-4:   #D8E0E8; /* borders / dividers */
  --bp-grey-5:   #B8C2CC; /* stronger border / UI chrome */
  --bp-grey-6:   #7E8A96; /* light UI / disabled-ish */
  --bp-grey-7:   #1c1c1c;
  
  --bp-app: #D3D3D3;
  
  --bp-prompt: #ffffff;

  --bp-text-strong:    #20262D;
  --bp-text-secondary: #47515B;
  --bp-text-muted:     #4F5964;
  --bp-text-disabled:  #7E8A96;
  --bp-text-link:      #125F86;

  --bp-surface-app:      var(--bp-app);
  --bp-surface-card:     var(--bp-grey-2);
  --bp-surface-raised:   #E7ECF2;
  --bp-surface-input:    var(--bp-grey-1);
  --bp-surface-hover:    #F3F6F9;
  --bp-surface-active:   var(--bp-system-dark);
  --bp-border-subtle:    var(--bp-grey-4);
  --bp-border-strong:    #7A8794;

  --bp-status-info:          #176C96;
  --bp-status-info-surface:  var(--bp-system-dark);
  --bp-status-success:       #467A00;
  --bp-status-success-surface: var(--bp-green-dark);
  --bp-status-warning:       #805300;
  --bp-status-warning-surface: var(--bp-yellow-dark);
  --bp-status-danger:        #B42318;
  --bp-status-danger-surface: var(--bp-red-dark);
  --bp-status-neutral:       #4D5965;
  --bp-status-neutral-surface: var(--bp-grey-3);

  --bp-communication:         #A82478;
  --bp-communication-hover:   #861B60;
  --bp-communication-soft:    var(--bp-attn-dark);
  --bp-communication-strong:  #F5C9E3;
  --bp-communication-border:  #C7358D;
  --bp-communication-text:    #8A1C62;

  /* -------------------- */
  /* BRAND (8 tokens)     */
  /* Bezeichnungen bleiben */
  /* -------------------- */
  --bp-red:         #E1321A;
  --bp-red-dark:    #FCE7E3;

  --bp-green:       #7FC600;
  --bp-green-dark:  #EAF6D1;

  --bp-system:      #2E8FC0;
  --bp-system-dark: #DCEFF8;

  --bp-attn:        #E548A3;
  --bp-attn-dark:   #FBE2F1;

  --bp-yellow:      #E6A100;
  --bp-yellow-dark: #FFF1CC;
}