/* Aerie Theme colors */

:root[data-theme="aerie"] {
  --color-1: #173642;  
  --color-2: #303D5A;  

  --color-3: #F7998D;  
  --color-4: #73628A; 

  --color-5: #EBD1CE;  
  --color-6: #EAEAEA; 

  --color-7: #CBC5EA;  
  --color-8: #495057; 

  --color-9: #f69082;
  --color-10: #dee2e6;

  --color-11: #e9ecef;
  --color-12: #f8f9fa;

  --color-13: #e8f5e8;
  --color-14: #555;

  --color-15: #FFFCF7;
  --color-16: #3E214A;

  --white: white; 
  --black: black; 
  --red: red;  

  /* button semantic colors */
  --btn-primary: var(--color-3);
  --btn-primary-text: var(--color-1);

  --btn-hover: var(--color-1);
  --btn-hover-text: var(--white);

  --btn-secondary: #F7998D4D; 
  --btn-download-icon: var(--color-4);
  
  --btn-danger: #dc3545;
  --btn-danger-hover: #c82333;
  --btn-danger-border: #bd2130;

   /* Table semantic colors */
  --table-text: var(--color-1);

  --table-header: var(--color-2);
  --table-header-text: var(--white);
  --table-header-border: #ccc;

  --table-row-odd: var(--white);
  --table-row-even: #CBC5EA4D; 
  --table-row-hover: #F7998D4D; 

  --table-sort-icon: var(--color-3);
  --table-sort-icon-active: var(--color-9);

  --table-input-bg: var(--white);
  --table-input-text: var(--color-1);
  --table-input-border: var(--color-6);

  --table-label-text: var(--color-2);
  --table-select-icon: var(--color-3);

  --table-pagination-bg: var(--color-1);
  --table-pagination-text: var(--white);

  --text-primary:#0d6efd;
  --text-success:#198754;
  --text-secondary:#6c757d;
  --text-warning :#f0ad4e;

  /* Menu semantic colors */
  --menu-bg: var(--color-1);             
  --menu-text: var(--color-15);           
  --menu-text-hover: var(--color-3);      

  --menu-header-bg: var(--color-1);
  --menu-header-text: var(--color-15);

  --menu-item-bg: var(--color-1);
  --menu-item-text: var(--color-15);
  --menu-item-hover-text: var(--color-3);

  --menu-submenu-bg: var(--color-1);
  --menu-submenu-text: var(--color-15);
  --menu-submenu-hover-text: var(--color-3);

  --menu-setup-bg: var(--color-16);       
  --menu-setup-text: var(--color-15);

  --menu-icon: var(--color-15);

  --menu-hamburger: var(--white);
  --menu-hamburger-hover: var(--color-3);

  /* Form semantic colors */
  --form-bg: var(--white);
  --form-text: var(--color-1);
  --form-label-text: var(--color-2);

  --form-placeholder: var(--color-5);

  --form-border: var(--color-6);
  --form-border-focus: var(--color-6);
  --form-focus-shadow: rgba(234, 234, 234, 0.5);

  --form-heading: var(--color-2);

  --form-required: var(--red);

  /* Radio */
  --form-radio-border: var(--color-2);
  --form-radio-bg: var(--white);
  --form-radio-checked: var(--color-3);
  --form-radio-glow: rgba(247, 153, 141, 0.6);

  /* Multi-select (Tom Select) */
  --form-tag-bg: var(--color-6);
  --form-tag-text: var(--color-2);
  --form-dropdown-hover: var(--color-11);

  /* Dashboard semantic colors */
  --dashboard-card-1-bg: #047857; 
  --dashboard-card-2-bg: #1E3A8A; 
  --dashboard-card-3-bg: #f0ad4e;  
  --dashboard-card-4-bg: #73628A;  
  --dashboard-card-5-bg: #C2410C;  


  --dashboard-card-bg: var(--color-16);
  --dashboard-card-text: var(--white);

  /* Dashboard header */
  --dashboard-header-bg: var(--color-1);
  --dashboard-header-text: var(--white);

  /* Dashboard list */
  --dashboard-list-odd-bg: var(--white);
  --dashboard-list-even-bg: var(--color-7);
  --dashboard-list-text: var(--color-1);

  /* Shadows & borders */
  --dashboard-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  --dashboard-border: none;

  /* Badges */
  --dashboard-badge-text: var(--color-1);
  --dashboard-badge-border: var(--color-1);

  /* Budget Analysis Chart & Cashflow Analysis Chart*/
  --chart-title: var(--color-1);
  --chart-axis-text: var(--color-2);
  --chart-grid: var(--color-6);

  /* Budget By Quater */
  --chart-series-1: #aed3d3;
  --chart-series-2: #89c5c5;
  --chart-series-3: #6cc1c1;
  --chart-series-4: #40bcbc;
  --chart-series-5: #338e8e;

  /* Net Income */
  --chart-net-income-1: #A89CCF;   
  --chart-net-income-2: #5E4C80;   
  --chart-net-income-3: #2D1E40; 

  /* Sales By totals and Cashflow by Month */
  --chart-sales-1: #D8F3DC;  
  --chart-sales-2: #A3C9A8;   
  --chart-sales-3: #70A288;   
  --chart-sales-4: #58818eff;   
  --chart-sales-5: #40798C;  
  --chart-sales-6: #1F363D;  
  --chart-sales-7: #1b804c;
  --chart-sales-8: #097fa6;

  /* Net Income Trend */
  --chart-net-income-month: #f6cc12ff;     
  --chart-net-income-quarter: #B84D42; 

   /* Cashflow BY quater */
  --chart-color-1: #f3e5f5;
  --chart-color-2: #ede7f6;
  --chart-color-3: #d1c4e9;
  --chart-color-4: #b39ddb;
  --chart-color-5: #9575cd;
  --chart-color-6: #7e57c2;
  --chart-color-7: #673ab7;
  --chart-color-8: #5e35b1;
  --chart-color-9: #512da8;
}


/* Non Aerie Theme*/
:root[data-theme="non-aerie"] {
  --color-1: #0f172a;   
  --color-2: #1e3a8a;

  --color-3: #38bdf8;  
  --color-4: #0ea5e9; 

  --color-5: #bae6fd; 
  --color-6: #e5e7eb;

  --color-7: #c7d2fe;   
  --color-8: #334155;  

  --color-9: #0284c7;
  --color-10: #dbeafe;

  --color-11: #f1f5f9;
  --color-12: #020617;

  --color-13: #ecfeff;
  --color-14: #64748b;

  --color-15: #f8fafc;  
  --color-16: #020617;  

  --white: #ffffff;
  --black: #000000;
  --red: #ef4444;

  /* Buttons */
  --btn-primary: var(--color-3);
  --btn-primary-text: var(--color-12);

  --btn-hover: var(--color-4);
  --btn-hover-text: var(--white);

  --btn-secondary: rgba(56, 189, 248, 0.25);
  --btn-download-icon: var(--color-4);

  --btn-danger: #ef4444;
  --btn-danger-hover: #dc2626;
  --btn-danger-border: #b91c1c;

  /* Table */
  --table-text: var(--color-1);
  --table-header: var(--color-2);
  --table-header-text: var(--white);
  --table-header-border: var(--color-6);

  --table-row-odd: var(--white);
  --table-row-even: var(--color-11);
  --table-row-hover: rgba(56, 189, 248, 0.2);

  --table-sort-icon: var(--color-3);
  --table-sort-icon-active: var(--color-9);

  --table-input-bg: var(--white);
  --table-input-text: var(--color-1);
  --table-input-border: var(--color-6);

  --table-label-text: var(--color-2);
  --table-select-icon: var(--color-3);

  --table-pagination-bg: var(--color-2);
  --table-pagination-text: var(--white);

  /* Text */
  --text-primary: #2563eb;
  --text-success: #16a34a;
  --text-secondary: #64748b;
  --text-warning :#f0ad4e;

  /* Menu */
   --menu-bg: var(--color-2);             
  --menu-text: var(--color-15);           
  --menu-text-hover: var(--color-3);      

  --menu-header-bg: var(--color-2);
  --menu-header-text: var(--color-15);

  --menu-item-bg: var(--color-2);
  --menu-item-text: var(--color-15);
  --menu-item-hover-text: var(--color-3);

  --menu-submenu-bg: var(--color-2);
  --menu-submenu-text: var(--color-15);
  --menu-submenu-hover-text: var(--color-3);

  --menu-setup-bg: var(--color-16);       
  --menu-setup-text: var(--color-15);

  --menu-icon: var(--color-15);

  --menu-hamburger: var(--white);
  --menu-hamburger-hover: var(--color-3);

  /* Form */
  --form-bg: var(--white);
  --form-text: var(--color-1);

  --form-label-text: var(--color-2);
  --form-placeholder: var(--color-14);

  --form-border: var(--color-6);
  --form-border-focus: var(--color-3);

  --form-focus-shadow: rgba(56, 189, 248, 0.4);
  --form-heading: var(--color-2);
  --form-required: var(--red);

  /* Dashboard semantic colors */
  --dashboard-card-1-bg: var(--color-2);        
  --dashboard-card-2-bg: var(--color-2);   
  --dashboard-card-3-bg: var(--color-2);   
  --dashboard-card-4-bg:var(--color-2);   
  --dashboard-card-5-bg: var(--color-2);   
  --dashboard-card-bg: var(--color-16);
  --dashboard-card-text: var(--white);


  /* Dashboard header */
  --dashboard-header-bg: var(--color-1);
  --dashboard-header-text: var(--white);

  --dashboard-list-odd-bg: var(--white);
  --dashboard-list-even-bg: var(--color-7);
  --dashboard-list-text: var(--color-1);

  --dashboard-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  --dashboard-border: none;

  /* Badges */
  --dashboard-badge-text: var(--color-1);
  --dashboard-badge-border: var(--color-1);
  --dashboard-card-bg: var(--color-16);
  --dashboard-card-text: var(--white);

  --dashboard-header-bg: var(--color-2);
  --dashboard-header-text: var(--white);

  --dashboard-list-odd-bg: var(--white);
  --dashboard-list-even-bg: var(--color-11);
  --dashboard-list-text: var(--color-1);

  --dashboard-shadow: 0 6px 14px rgba(2, 6, 23, 0.25);
  --dashboard-border: none;

  --dashboard-badge-text: var(--color-2);
  --dashboard-badge-border: var(--color-2);

  /* Budget Analysis Chart & Cashflow Analysis Chart*/
  --chart-title: var(--color-1);
  --chart-axis-text: var(--color-2);
  --chart-grid: var(--color-6);

  /* Budget By Quater */
  --chart-series-1: #aed3d3;
  --chart-series-2: #89c5c5;
  --chart-series-3: #6cc1c1;
  --chart-series-4: #40bcbc;
  --chart-series-5: #338e8e;

  /* Net Income */
  --chart-net-income-1: #7dd3fc;   
  --chart-net-income-2: #0ea5e9;   
  --chart-net-income-3: #0369a1; 

  /* Sales By totals and Cashflow by Month */
  --chart-sales-1: #aed3d3;  
  --chart-sales-2: #89c5c5;   
  --chart-sales-3: #6cc1c1;   
  --chart-sales-4: #40bcbc;   
  --chart-sales-5: #338e8e;  
  --chart-sales-6: #296767;  
  --chart-sales-7: #204747;
  --chart-sales-8: #202d2d;

  /* Net Income Trend */
  --chart-net-income-month: rgb(54, 53, 102);     
  --chart-net-income-quarter: #6a96e9; 

   /* Cashflow BY quater */
  --chart-color-1: #aed3d3;
  --chart-color-2: #89c5c5;
  --chart-color-3: #6cc1c1;
  --chart-color-4: #40bcbc;
  --chart-color-5: #338e8e;
  --chart-color-6: #296767;
  --chart-color-7: #204747;
  --chart-color-8: #202d2d;
  --chart-color-9: #172e2e;
 

  --chart-series-1: #bae6fd;
  --chart-series-2: #7dd3fc;
  --chart-series-3: #38bdf8;
  --chart-series-4: #0ea5e9;
  --chart-series-5: #0369a1;
}