/* Google Theme - Light Mode */
:root {
  --color-primary: #0E57D0;
  --color-on-primary: #FFFFFF;
  --color-primary-container: #D3E3FD;
  --color-on-primary-container: #0842A1;
  --color-secondary: #01639C;
  --color-on-secondary: #FFFFFF;
  --color-secondary-container: #C1E7FF;
  --color-on-secondary-container: #004A76;
  --color-tertiary: #146C2E;
  --color-on-tertiary: #FFFFFF;
  --color-tertiary-container: #C4EED1;
  --color-on-tertiary-container: #125223;
  --color-error: #B3261E;
  --color-on-error: #FFFFFF;
  --color-error-container: #F9DEDC;
  --color-on-error-container: #8C1D18;
  --color-background: #FFFFFF;
  --color-on-background: #1F1F1F;
  --color-surface: #FFFFFF;
  --color-on-surface: #1F1F1F;
  --color-surface-variant: #E0E3E1;
  --color-on-surface-variant: #444746;
  --color-outline: #747775;
  --color-outline-variant: #C4C7C5;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-inverse-surface: #303030;
  --color-inverse-on-surface: #F2F2F2;
  --color-inverse-primary: #A9C7FB;
  --color-surface-tint: #6991D6;
  --color-surface-dim: #D4DBE4;
  --color-surface-bright: #FFFFFF;

  /* Surfaces / Containers */
  --color-surface-container-lowest: #FFFFFF;
  --color-surface-container-low: #F9FAFD;
  --color-surface-container: #F0F4F9;
  --color-surface-container-high: #E8EEF6;
  --color-surface-container-highest: #DDE3E9;

  /* Fixed Properties */
  --color-primary-fixed: #D3E3FD;
  --color-on-primary-fixed: #031E49;
  --color-primary-fixed-dim: #A9C7FB;
  --color-on-primary-fixed-variant: #0842A1;
  --color-secondary-fixed: #C1E7FF;
  --color-on-secondary-fixed: #011D36;
  --color-secondary-fixed-dim: #80CFFF;
  --color-on-secondary-fixed-variant: #004A76;
  --color-tertiary-fixed: #C4EED1;
  --color-on-tertiary-fixed: #052712;
  --color-tertiary-fixed-dim: #6DD58C;
  --color-on-tertiary-fixed-variant: #125223;

  /* App Specifics */
  --color-purple-40: #7437D2;
  --color-home-prompt-1: #400B83;
  --color-home-prompt-2: #00354A;
  --color-selection-background: #cae5ff;
  --color-selection-text: #000000;

  /* Typescale Tokens */
  --md-sys-typescale-display-large-size: 64px;
  --md-sys-typescale-display-large-line-height: 76px;
  
  --md-sys-typescale-display-medium-size: 48px;
  --md-sys-typescale-display-medium-line-height: 52px;
  
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  
  --md-sys-typescale-body-large-size: 18px;
  --md-sys-typescale-body-large-line-height: 28px;
  
  --md-sys-typescale-body-medium-size: 16px;
  --md-sys-typescale-body-medium-line-height: 24px;
  
  --md-sys-typescale-body-small-size: 14px;
  --md-sys-typescale-body-small-line-height: 20px;
  
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-line-height: 20px;
  
  --md-sys-typescale-label-medium-size: 12px;
  --md-sys-typescale-label-medium-line-height: 16px;

  /* Custom Tonal Button Tokens */
  --color-custom-tonal-bg: #d0f2f5;
  --color-custom-tonal-text: #052a2d;
  --color-custom-tonal-hover-bg: #bcecf0;
}

/* Google Theme - Dark Mode */
[data-theme='dark'] {
  --color-primary: #A7C7FA;
  --color-on-primary: #072E70;
  --color-primary-container: #0842A1;
  --color-on-primary-container: #D3E3FD;
  --color-secondary: #80CFFF;
  --color-on-secondary: #003355;
  --color-secondary-container: #004A77;
  --color-on-secondary-container: #C1E7FF;
  --color-tertiary: #6DD58C;
  --color-on-tertiary: #0A3818;
  --color-tertiary-container: #125223;
  --color-on-tertiary-container: #C4EED1;
  --color-error: #F1B8B5;
  --color-on-error: #5F1410;
  --color-error-container: #8C1D18;
  --color-on-error-container: #F9DEDC;
  --color-background: #131314;
  --color-on-background: #E3E3E3;
  --color-surface: #131314;
  --color-on-surface: #E3E3E3;
  --color-surface-variant: #444746;
  --color-on-surface-variant: #C4C7C5;
  --color-outline: #8E918F;
  --color-outline-variant: #444746;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-inverse-surface: #E3E3E3;
  --color-inverse-on-surface: #131314;
  --color-inverse-primary: #0E57D0;
  --color-surface-tint: #A7C7FA;
  --color-surface-dim: #131314;
  --color-surface-bright: #39393A;

  /* Surfaces / Containers */
  --color-surface-container-lowest: #0D0E0E;
  --color-surface-container-low: #1C1C1D;
  --color-surface-container: #202021;
  --color-surface-container-high: #2A2B2C;
  --color-surface-container-highest: #353637;

  /* Fixed Properties */
  --color-primary-fixed: #D3E3FD;
  --color-on-primary-fixed: #031E49;
  --color-primary-fixed-dim: #A7C7FA;
  --color-on-primary-fixed-variant: #072E70;
  --color-secondary-fixed: #C1E7FF;
  --color-on-secondary-fixed: #011D36;
  --color-secondary-fixed-dim: #80CFFF;
  --color-on-secondary-fixed-variant: #003355;
  --color-tertiary-fixed: #C4EED1;
  --color-on-tertiary-fixed: #052712;
  --color-tertiary-fixed-dim: #6DD58C;
  --color-on-tertiary-fixed-variant: #0A3818;

  /* Custom Tonal Button Tokens */
  --color-custom-tonal-bg: #0f2b2e;
  --color-custom-tonal-text: #9ef3fb;
  --color-custom-tonal-hover-bg: #163e42;
}