/*
 * ================================================================================
 * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
 * ================================================================================
 */

/* CSS variables for light theme */
html[data-theme='light'] {
  --primary-primary: #000000;
  --primary-on-primary: #FFFFFF;
  --primary-primary-container: #000000;
  --primary-on-primary-container: #FFFFFF;
  --secondary-secondary: #000000;
  --secondary-on-secondary: #FFFFFF;
  --secondary-secondary-container: #000000;
  --secondary-on-secondary-container: #FFFFFF;
  --surface-surface: #F2F2F2;
  --surface-surface-container: #FFFFFF;
  --surface-surface-container-high: #F9F9F9;
  --surface-surface-container-higher: #EDEDED;
  --surface-surface-container-highest: #DFDFDF;
  --surface-on-surface: #000000;
  --surface-on-surface-variant: #6B6B6B;
  --outline-outline: #E6E6E6;
  --outline-outline-variant: #707070;
  --inverse-inverse-surface: #000000;
  --inverse-inverse-on-surface: #FFFFFF;
  --inverse-inverse-primary: #FFFFFF;
  --disabled-disabled: #C7C9D0;
  --disabled-on-disabled: #EBEBEB;
  --error-error: #FF7876;
  --error-on-error: #000000;
  --error-error-container: #BF3B3F;
  --error-on-error-container: #FFFFFF;
  --success-success: #38EFBE;
  --success-on-success: #000000;
  --success-success-container: #22826A;
  --success-on-success-container: #FFFFFF;
  --warning-warning: #FFCA83;
  --warning-on-warning: #000000;
  --warning-warning-container: #E57A19;
  --warning-on-warning-container: #FFFFFF;
  --gradient-on-gradient: #FFFFFF;
  --transparent-overlay: #00000099;
  --transparent-transparent40: #00000066;
  --transparent-transparent20: #00000033;
  --transparent-transparent5: #0000000D;
  --brand-brand: #60CFFF;
  --brand-brand-variant2: #FDB98B;
  --brand-brand-variant3: #E68CD7;
  --brand-brand-variant4: #38EFBE;
  --brand-on-brand: #000000;
  --elevation-box-shadow-light: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  --elevation-box-shadow-medium: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  --elevation-box-shadow-heavy: 0px 0px 60px 0px rgba(0, 0, 0, 0.45);
}

/* CSS variables for dark theme */
html[data-theme='dark'] {
  --primary-primary: #FFFFFF;
  --primary-on-primary: #000000;
  --primary-primary-container: #FFFFFF;
  --primary-on-primary-container: #000000;
  --secondary-secondary: #D9D9D9;
  --secondary-on-secondary: #FFFFFF;
  --secondary-secondary-container: #000000;
  --secondary-on-secondary-container: #FFFFFF;
  --surface-surface: #080808;
  --surface-surface-container: #1A1C1D;
  --surface-surface-container-high: #222426;
  --surface-surface-container-higher: #2A2C2E;
  --surface-surface-container-highest: #414447;
  --surface-on-surface: #FFFFFF;
  --surface-on-surface-variant: #A6A6A6;
  --outline-outline: #414447;
  --outline-outline-variant: #A6A6A6;
  --disabled-disabled: #4F4F52;
  --disabled-on-disabled: #000000;
  --error-error: #FF7876;
  --error-on-error: #000000;
  --error-error-container: #FF9391;
  --error-on-error-container: #000000;
  --warning-warning: #FFCA83;
  --warning-on-warning: #000000;
  --warning-warning-container: #FFD59C;
  --warning-on-warning-container: #000000;
  --success-success: #38EFBE;
  --success-on-success: #000000;
  --success-success-container: #4CF1C5;
  --success-on-success-container: #000000;
  --inverse-inverse-surface: #FFFFFF;
  --inverse-inverse-on-surface: #000000;
  --inverse-inverse-primary: #D9D9D9;
  --gradient-on-gradient: #FFFFFF;
  --transparent-overlay: #12151699;
  --transparent-transparent40: #FFFFFF66;
  --transparent-transparent20: #FFFFFF33;
  --transparent-transparent5: #FFFFFF0D;
  --brand-brand: #60CFFF;
  --brand-brand-variant2: #FDB98B;
  --brand-brand-variant3: #E68CD7;
  --brand-brand-variant4: #38EFBE;
  --brand-on-brand: #000000;
  --elevation-box-shadow-light: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  --elevation-box-shadow-medium: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  --elevation-box-shadow-heavy: 0px 0px 60px 0px rgba(0, 0, 0, 0.8);
}

/* Global theme styles */
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* Typography elements */
h1, h2, h3, h4, h5, h6 {
  color: var(--surface-on-surface);
  margin: 0;
}

p {
  color: var(--surface-on-surface);
  margin: 0;
}