/**
 * TabMail - Color Palette
 * 
 * Centralized color definitions for consistent theming across all pages.
 * Colors sourced from: tabmail-thunderbird/theme/palette/palette.data.json
 * 
 * Usage: @import url('css/palette.css');
 */

:root {
  /* ============================================
     Light Theme Colors
     ============================================ */
  --accent-color: #0060df;
  --accent-bg: rgba(0, 96, 223, 0.1);
  --page-bg: #fff;
  --page-color: #000;
  --button-bg: #ededf0;
  --button-bg-hover: #e0e0e6;
  --text-color: #15141a;
  --text-secondary: #5b5b66;
  --box-bg: #f9f9fa;
  --box-bg-hover: #ededf0;
  --sidebar-bg: #f9f9fa;
  --sidebar-border: #ededf0;
  --border-color: #d7d7db;
  --hover-bg: #f0f0f4;
  --card-bg: #fff;
  --table-header-bg: #f9f9fa;
  --page-bg-alt: #f9f9fb;
  
  /* Warning colors (orange/yellow) */
  --warning-color: #cd6200;
  --warning-bg: #fff4e5;
  --warning-border: #ffd699;
  
  /* Danger colors (red) */
  --danger-color: #c50042;
  --danger-bg: #ffe5ec;
  --danger-border: #ffb3c7;
  
  /* ============================================
     Dark Theme Colors
     ============================================ */
  --accent-color-dark: #0a84ff;
  --accent-bg-dark: rgba(10, 132, 255, 0.15);
  --page-bg-dark: #1c1b22;
  --page-color-dark: #fbfbfe;
  --button-bg-dark: #2b2a33;
  --button-bg-hover-dark: #52525e;
  --text-color-dark: #fbfbfe;
  --text-secondary-dark: #b1b1b3;
  --box-bg-dark: #2b2a33;
  --box-bg-hover-dark: #52525e;
  --sidebar-bg-dark: #2b2a33;
  --sidebar-border-dark: #42414d;
  --border-color-dark: #52525e;
  --hover-bg-dark: #42414d;
  --card-bg-dark: #2b2a33;
  --table-header-bg-dark: #1c1b22;
  --page-bg-alt-dark: #23222b;
  
  /* Warning colors dark (orange/yellow) */
  --warning-color-dark: #ffa436;
  --warning-bg-dark: rgba(255, 164, 54, 0.15);
  --warning-border-dark: rgba(255, 164, 54, 0.3);
  
  /* Danger colors dark (red) */
  --danger-color-dark: #ff6b8a;
  --danger-bg-dark: rgba(255, 107, 138, 0.15);
  --danger-border-dark: rgba(255, 107, 138, 0.3);
}