/*
  Material 3 Theme Tokens (Clean variable names, theme context via selector)
  - Light: :root, [data-m3-theme="light"]
  - Dark:  [data-m3-theme="dark"]
  - Usage: var(--m3-primary), var(--m3-on-primary), etc.
*/

/* ===== Core Colors ===== */
:root {
  --m3-primary-base: #1E5036;
  --m3-secondary-base: #F68734;
  --m3-tertiary-base: #93B59F;
  --m3-neutral-base: #F0F0F0;
  --m3-neutral-variant-base: #C2C2C2;
}

/* ===== Palettes ===== */
:root {
  /* Primary */
  --m3-primary-0: #000000;
  --m3-primary-5: #001509;
  --m3-primary-10: #002111;
  --m3-primary-15: #002D19;
  --m3-primary-20: #003921;
  --m3-primary-25: #10442B;
  --m3-primary-30: #1E5036;
  --m3-primary-35: #2A5C41;
  --m3-primary-40: #37684C;
  --m3-primary-50: #508164;
  --m3-primary-60: #699C7C;
  --m3-primary-70: #83B796;
  --m3-primary-80: #9ED2B0;
  --m3-primary-90: #B9EFCB;
  --m3-primary-95: #C7FDD9;
  --m3-primary-98: #E9FFED;
  --m3-primary-99: #F5FFF5;
  --m3-primary-100: #FFFFFF;

  /* Secondary */
  --m3-secondary-0: #000000;
  --m3-secondary-5: #210B00;
  --m3-secondary-10: #311300;
  --m3-secondary-15: #411B00;
  --m3-secondary-20: #512400;
  --m3-secondary-25: #622C00;
  --m3-secondary-30: #733500;
  --m3-secondary-35: #853F00;
  --m3-secondary-40: #974800;
  --m3-secondary-50: #BD5C00;
  --m3-secondary-60: #DE7421;
  --m3-secondary-70: #FF8E3A;
  --m3-secondary-80: #FFB688;
  --m3-secondary-90: #FFDBC7;
  --m3-secondary-95: #FFEDE4;
  --m3-secondary-98: #FFF8F5;
  --m3-secondary-99: #FFFBFF;
  --m3-secondary-100: #FFFFFF;

  /* Tertiary */
  --m3-tertiary-0: #000000;
  --m3-tertiary-5: #00150A;
  --m3-tertiary-10: #012112;
  --m3-tertiary-15: #0C2B1C;
  --m3-tertiary-20: #173626;
  --m3-tertiary-25: #234231;
  --m3-tertiary-30: #2E4D3C;
  --m3-tertiary-35: #3A5947;
  --m3-tertiary-40: #466553;
  --m3-tertiary-50: #5E7E6A;
  --m3-tertiary-60: #779883;
  --m3-tertiary-70: #91B39D;
  --m3-tertiary-80: #ACCFB8;
  --m3-tertiary-90: #C8EBD3;
  --m3-tertiary-95: #D6F9E1;
  --m3-tertiary-98: #E8FFEE;
  --m3-tertiary-99: #F4FFF5;
  --m3-tertiary-100: #FFFFFF;

  /* Neutral */
  --m3-neutral-0: #000000;
  --m3-neutral-5: #111111;
  --m3-neutral-10: #1C1B1B;
  --m3-neutral-15: #262625;
  --m3-neutral-20: #313030;
  --m3-neutral-25: #3C3B3B;
  --m3-neutral-30: #484646;
  --m3-neutral-35: #535252;
  --m3-neutral-40: #5F5E5E;
  --m3-neutral-50: #787776;
  --m3-neutral-60: #929090;
  --m3-neutral-70: #ADAAAA;
  --m3-neutral-80: #C9C6C5;
  --m3-neutral-90: #E5E2E1;
  --m3-neutral-95: #F4F0EF;
  --m3-neutral-98: #FCF8F8;
  --m3-neutral-99: #F6FEFF;
  --m3-neutral-100: #FFFFFF;

  /* Neutral Variant */
  --m3-neutral-variant-0: #000000;
  --m3-neutral-variant-5: #111111;
  --m3-neutral-variant-10: #1C1B1B;
  --m3-neutral-variant-15: #262625;
  --m3-neutral-variant-20: #313030;
  --m3-neutral-variant-25: #3C3B3B;
  --m3-neutral-variant-30: #474646;
  --m3-neutral-variant-35: #535252;
  --m3-neutral-variant-40: #5F5E5E;
  --m3-neutral-variant-50: #787776;
  --m3-neutral-variant-60: #929090;
  --m3-neutral-variant-70: #ADABAA;
  --m3-neutral-variant-80: #C9C6C5;
  --m3-neutral-variant-90: #E5E2E1;
  --m3-neutral-variant-95: #F4F0EF;
  --m3-neutral-variant-98: #FCF8F8;
  --m3-neutral-variant-99: #F6FEFF;
  --m3-neutral-variant-100: #FFFFFF;
}

/* ===== Light Theme Scheme ===== */
:root,
[data-m3-theme="light"] {
  --m3-primary: #286A48;
  --m3-surface-tint: #286A48;
  --m3-on-primary: #FFFFFF;
  --m3-primary-container: #ADF2C6;
  --m3-on-primary-container: #065232;
  --m3-secondary: #8B4F25;
  --m3-on-secondary: #FFFFFF;
  --m3-secondary-container: #FFDBC7;
  --m3-on-secondary-container: #6E380F;
  --m3-tertiary: #266A4A;
  --m3-on-tertiary: #FFFFFF;
  --m3-tertiary-container: #ACF2C8;
  --m3-on-tertiary-container: #025233;
  --m3-error: #BA1A1A;
  --m3-on-error: #FFFFFF;
  --m3-error-container: #FFDAD6;
  --m3-on-error-container: #93000A;
  --m3-background: #F6FBF4;
  --m3-on-background: #171D19;
  --m3-surface: #F5FAFB;
  --m3-on-surface: #171D1E;
  --m3-surface-variant: #DBE4E6;
  --m3-on-surface-variant: #3F484A;
  --m3-outline: #6F797A;
  --m3-outline-variant: #BFC8CA;
  --m3-shadow: #000000;
  --m3-scrim: #000000;
  --m3-inverse-surface: #2B3133;
  --m3-inverse-on-surface: #ECF2F3;
  --m3-inverse-primary: #92D5AC;
  --m3-primary-fixed: #ADF2C6;
  --m3-on-primary-fixed: #002111;
  --m3-primary-fixed-dim: #92D5AC;
  --m3-on-primary-fixed-variant: #065232;
  --m3-secondary-fixed: #FFDBC7;
  --m3-on-secondary-fixed: #311300;
  --m3-secondary-fixed-dim: #FFB688;
  --m3-on-secondary-fixed-variant: #6E380F;
  --m3-tertiary-fixed: #ACF2C8;
  --m3-on-tertiary-fixed: #002112;
  --m3-tertiary-fixed-dim: #90D5AD;
  --m3-on-tertiary-fixed-variant: #025233;
  --m3-surface-dim: #D5DBDC;
  --m3-surface-bright: #F5FAFB;
  --m3-surface-container-lowest: #FFFFFF;
  --m3-surface-container-low: #EFF5F6;
  --m3-surface-container: #E9EFF0;
  --m3-surface-container-high: #E3E9EA;
  --m3-surface-container-highest: #DEE3E5;
}

/* ===== Dark Theme Scheme ===== */
[data-m3-theme="dark"] {
  --m3-primary: #92D5AC;
  --m3-surface-tint: #92D5AC;
  --m3-on-primary: #003921;
  --m3-primary-container: #065232;
  --m3-on-primary-container: #ADF2C6;
  --m3-secondary: #FFB688;
  --m3-on-secondary: #512400;
  --m3-secondary-container: #6E380F;
  --m3-on-secondary-container: #FFDBC7;
  --m3-tertiary: #90D5AD;
  --m3-on-tertiary: #003822;
  --m3-tertiary-container: #025233;
  --m3-on-tertiary-container: #ACF2C8;
  --m3-error: #FFB4AB;
  --m3-on-error: #690005;
  --m3-error-container: #93000A;
  --m3-on-error-container: #FFDAD6;
  --m3-background: #0F1511;
  --m3-on-background: #DFE4DD;
  --m3-surface: #0E1415;
  --m3-on-surface: #DEE3E5;
  --m3-surface-variant: #3F484A;
  --m3-on-surface-variant: #BFC8CA;
  --m3-outline: #899294;
  --m3-outline-variant: #3F484A;
  --m3-shadow: #000000;
  --m3-scrim: #000000;
  --m3-inverse-surface: #DEE3E5;
  --m3-inverse-on-surface: #2B3133;
  --m3-inverse-primary: #286A48;
  --m3-primary-fixed: #ADF2C6;
  --m3-on-primary-fixed: #002111;
  --m3-primary-fixed-dim: #92D5AC;
  --m3-on-primary-fixed-variant: #065232;
  --m3-secondary-fixed: #FFDBC7;
  --m3-on-secondary-fixed: #311300;
  --m3-secondary-fixed-dim: #FFB688;
  --m3-on-secondary-fixed-variant: #6E380F;
  --m3-tertiary-fixed: #ACF2C8;
  --m3-on-tertiary-fixed: #002112;
  --m3-tertiary-fixed-dim: #90D5AD;
  --m3-on-tertiary-fixed-variant: #025233;
  --m3-surface-dim: #0E1415;
  --m3-surface-bright: #343A3B;
  --m3-surface-container-lowest: #090F10;
  --m3-surface-container-low: #171D1E;
  --m3-surface-container: #1B2122;
  --m3-surface-container-high: #252B2C;
  --m3-surface-container-highest: #303637;
}