/* M3 Color Tokens — Midnight Slate & Emerald Green — Complete Redesign */

:root {
  /* Common System Tokens */
  --md-sys-elevation-1: 0px 1px 2px rgba(0,0,0,0.2), 0px 1px 3px 1px rgba(0,0,0,0.1);
  --md-sys-elevation-2: 0px 1px 2px rgba(0,0,0,0.2), 0px 2px 6px 2px rgba(0,0,0,0.1);
  --md-sys-elevation-3: 0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px rgba(0,0,0,0.3);
  
  --md-sys-shape-corner-small:       8px;
  --md-sys-shape-corner-medium:      12px;
  --md-sys-shape-corner-large:       16px;

  /* --- LIGHT THEME (Default) --- */
  --md-sys-color-primary:              #006B54; /* Emerald Green */
  --md-sys-color-on-primary:           #FFFFFF;
  --md-sys-color-primary-container:    #94F7D3;
  --md-sys-color-on-primary-container: #002118;

  --md-sys-color-secondary:            #0047AB; /* Ocean Blue */
  --md-sys-color-on-secondary:         #FFFFFF;
  --md-sys-color-secondary-container:  #D5E3FF;
  --md-sys-color-on-secondary-container: #001C3B;

  --md-sys-color-tertiary:             #FFC107; /* Amber Yellow */
  --md-sys-color-on-tertiary:          #3F2E00;
  --md-sys-color-tertiary-container:   #FFDF9E;
  --md-sys-color-on-tertiary-container: #261A00;

  --md-sys-color-error:                #BA1A1A;
  --md-sys-color-on-error:             #FFFFFF;

  --md-sys-color-background:           #F7F9F9;
  --md-sys-color-on-background:        #191C1C;
  --md-sys-color-surface:              #F7F9F9;
  --md-sys-color-on-surface:           #191C1C;
  --md-sys-color-surface-variant:      #DBE5E0;
  --md-sys-color-on-surface-variant:   #3F4945;
  --md-sys-color-surface-container-low: #F1F5F4;
  --md-sys-color-surface-container:    #EDF1F0;
  --md-sys-color-surface-container-high: #E7EBEA;
  --md-sys-color-surface-container-highest: #E1E5E4;
  --md-sys-color-outline:              #6F7975;
  --md-sys-color-outline-variant:      #BFC9C4;
}

/* --- DARK THEME OVERRIDES --- */
[data-theme="dark"] {
  --md-sys-color-primary:              #78DAB8; /* Soft Emerald */
  --md-sys-color-on-primary:           #00382B;
  --md-sys-color-primary-container:    #005141;
  --md-sys-color-on-primary-container: #94F7D3;

  --md-sys-color-secondary:            #A9C7FF;
  --md-sys-color-on-secondary:         #003062;
  --md-sys-color-secondary-container:  #004787;
  --md-sys-color-on-secondary-container: #D5E3FF;

  --md-sys-color-tertiary:             #FFC107;
  --md-sys-color-on-tertiary:          #3F2E00;
  --md-sys-color-tertiary-container:   #5C4400;
  --md-sys-color-on-tertiary-container: #FFDF9E;

  --md-sys-color-background:           #0E1111; /* Graphite Black */
  --md-sys-color-on-background:        #E1E3E2;
  --md-sys-color-surface:              #0E1111;
  --md-sys-color-on-surface:           #E1E3E2;
  --md-sys-color-surface-variant:      #3F4945;
  --md-sys-color-on-surface-variant:   #BFC9C4;
  --md-sys-color-surface-container-low: #121514;
  --md-sys-color-surface-container:    #161918;
  --md-sys-color-surface-container-high: #202422;
  --md-sys-color-surface-container-highest: #2B2E2D;
  --md-sys-color-outline:              #89938F;
  --md-sys-color-outline-variant:      #3F4945;
}