/* ============================================================
   themes/light.css — Light Theme (Default)
   invbox.io
   ============================================================ */

[data-theme="light"],
:root {
  --color-primary:        #5b3df5;
  --color-primary-light:  #8b5cf6;
  --color-primary-dark:   #3a22c4;

  --color-secondary:      #1ea97c;
  --color-secondary-light:#6fdcb2;
  --color-secondary-dark: #157a58;

  --color-danger:         #d0442c;
  --color-warning:        #ffb020;
  --color-info:           #0984e3;
  --color-success:        #1ea97c;

  --color-ink:            #141726;
  --color-ink-secondary:  #4c5165;
  --color-ink-muted:      #6b7280;

  --color-surface:        #ffffff;
  --color-surface-alt:    #f7f6f2;
  --color-surface-hover:  #f5f2ff;

  --color-border:         #e5e2da;
  --color-border-focus:   #5b3df5;

  --color-header-bg:      #1e2033;

  /* == V2 component tokens (p43a) == */
  --color-success-bg:     #e8f5ee;
  --color-success-fg:     #1c6349;
  --color-success-border: #bfe3d0;
  --color-warning-bg:     #fff4de;
  --color-warning-fg:     #7a5a12;
  --color-warning-border: #f0dcaf;
  --color-danger-bg:      #fdecea;
  --color-danger-fg:      #a32e1c;
  --color-danger-border:  #f2c9c2;
  --color-neutral-bg:     #f0f1f4;
  --color-neutral-border: #dee0e6;
  --color-accent-bg:      #efeaff;
  --color-accent-bg-2:    #f5f2ff;
  --color-accent-border:  #d6ccfa;
  --color-border-2:       #eeebe4;
  --color-border-3:       #f2f0ea;
  --color-border-control: #d8d4ca;
  --color-surface-3:      #f2f1ec;
  --color-text-invert:    #ffffff;
  --color-link:           var(--color-primary-dark);
  --color-link-hover:     #2a17a0;
  --color-chip-on-bg:     #141726;
  --color-chip-on-fg:     #ffffff;
  --color-overlay:        rgba(20,23,38,.46);
  --color-popover-bg:     #252842;
  --color-popover-border: rgba(255,255,255,.16);

  /* == V2 info trio (p43d) == */
  --color-info-bg:        #e8f4fd;
  --color-info-fg:        #1a6fa8;
  --color-info-border:    #bbdefb;
}