/* ── Accent Theme ─────────────────────────────────────────────────
   Light theme with Inter font, blue accent, warm gray palette.
   Structural overrides (tab icons, header layout) are in a separate
   stylesheet: accent-style.css (loaded dynamically by theme.js).    */

[data-theme="accent"] {
  --color-bg:             #edf2f7;
  --color-surface:        #ffffff;
  --color-surface-hover:  #f7fafc;
  --color-surface-subtle: #f0f4f8;
  --color-overlay:        rgba(0,0,0,0.4);

  --color-border:        #e2e8f0;
  --color-border-active: #3182ce;

  --color-text:          #1a202c;
  --color-text-muted:    #718096;
  --color-text-secondary: #a0aec0;
  --color-text-inverse:  #ffffff;

  --color-accent:        #3182ce;
  --color-accent-hover:  #2b6cb0;
  --color-accent-subtle: rgba(49,130,206,0.1);

  --color-error:         #e53e3e;
  --color-error-hover:   #c53030;
  --color-success:       #38a169;
  --color-danger:        #e53e3e;
  --color-danger-hover:  #c53030;

  --color-badge-success-bg:   rgba(56,161,105,0.1);
  --color-badge-success-text: #38a169;
  --color-badge-info-bg:      rgba(49,130,206,0.1);
  --color-badge-info-text:    #3182ce;
  --color-badge-warning-bg:   rgba(214,158,46,0.1);
  --color-badge-warning-text: #b7791f;
  --color-badge-error-bg:     rgba(229,62,62,0.1);
  --color-badge-error-text:   #e53e3e;
  --color-badge-purple-bg:    rgba(128,90,213,0.1);
  --color-badge-purple-text:  #805ad5;

  --color-row-confirmed: rgba(56,161,105,0.06);
  --color-row-mapped:    rgba(49,130,206,0.05);
  --color-row-imported:  rgba(56,161,105,0.04);
  --color-row-pending:   rgba(229,62,62,0.05);

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.07);
  --shadow-lg:  0 10px 25px rgba(0,0,0,0.1);

  --font-family: Inter, system-ui, -apple-system, sans-serif;

  /* Extra tokens for accent-style.css (header, search, etc.) */
  --color-header-bg:      #2d3748;
  --color-header-border:  #4a5568;
  --color-header-text:    #e2e8f0;
  --color-header-hover:   #63b3ed;
}
