/* css/theme-light.css */
/* Material Design 3 Enterprise - Optional Light Theme Override */
/* By default, MD3 enterprise defaults to a clean, light surface anyway, 
   but this file ensures explicit light mode tokens if you want to implement a dark mode switch later */

[data-theme="light"] {
  /* Background & Surface */
  --md-sys-color-background: #F8F9FA;
  --md-sys-color-surface: #FFFFFF;
  --md-sys-color-surface-container: #F1F3F4;
  --md-sys-color-surface-container-high: #E8EAED;
  --md-sys-color-on-surface: #1F1F1F;
  --md-sys-color-on-surface-variant: #444746;
  
  /* Outline */
  --md-sys-color-outline: #DADCE0;
  --md-sys-color-outline-variant: #C4C7C5;

  /* Primary */
  --md-sys-color-primary: #1A73E8;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #D2E3FC;
  --md-sys-color-on-primary-container: #041E49;

  /* Semantic Colors */
  --md-sys-color-success: #188038;
  --md-sys-color-on-success: #FFFFFF;
  --md-sys-color-success-container: #CEEAD6;
  --md-sys-color-on-success-container: #0D652D;

  --md-sys-color-warning: #F9AB00;
  --md-sys-color-on-warning: #FFFFFF;
  --md-sys-color-warning-container: #FEF7E0;
  --md-sys-color-on-warning-container: #E37400;

  --md-sys-color-danger: #D93025;
  --md-sys-color-on-danger: #FFFFFF;
  --md-sys-color-danger-container: #FCE8E6;
  --md-sys-color-on-danger-container: #A50E0E;

  --md-sys-color-info: #4285F4;
  --md-sys-color-on-info: #FFFFFF;
  --md-sys-color-info-container: #E8F0FE;
  --md-sys-color-on-info-container: #174EA6;

  /* States */
  --md-sys-state-hover: #E8F0FE;
  --md-sys-state-selected: #D2E3FC;
  --md-sys-state-focus: rgba(26, 115, 232, 0.12);
  --md-sys-state-pressed: rgba(26, 115, 232, 0.16);
  --md-sys-state-dragged: rgba(26, 115, 232, 0.16);
}