@layer theme {
  :root {
    --font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;

    --color-white: #ffffff;
    --color-black: #000000;
    --color-light-primary: #744c1f;
    --color-light-on-primary: #fff5c0;
    --color-light-primary-container: #95693b;
    --color-light-on-primary-container: #fff5c0;
    --color-light-primary-fixed: #95693b;
    --color-light-primary-fixed-dim: #7a5124;
    --color-light-on-primary-fixed: #fff5c0;
    --color-light-on-primary-fixed-variant: #fff5c0;
    --color-light-inverse-primary: #6f481b;
    --color-light-secondary: #67513b;
    --color-light-on-secondary: #fffae0;
    --color-light-secondary-container: #866e57;
    --color-light-on-secondary-container: #fffae0;
    --color-light-secondary-fixed: #866e57;
    --color-light-secondary-fixed-dim: #6c5540;
    --color-light-on-secondary-fixed: #fffae0;
    --color-light-on-secondary-fixed-variant: #fffae0;
    --color-light-inverse-secondary: #dec1a8;
    --color-light-tertiary: #5c561a;
    --color-light-on-tertiary: #ffffbb;
    --color-light-tertiary-container: #7b7436;
    --color-light-on-tertiary-container: #ffffbb;
    --color-light-tertiary-fixed: #7b7436;
    --color-light-tertiary-fixed-dim: #615b1f;
    --color-light-on-tertiary-fixed: #ffffbb;
    --color-light-on-tertiary-fixed-variant: #ffffbb;
    --color-light-inverse-tertiary: #d3c886;
    --color-light-error: #b20000;
    --color-light-on-error: #ffc89b;
    --color-light-error-container: #d92f18;
    --color-light-on-error-container: #ffc89b;
    --color-light-error-fixed: #ffab80;
    --color-light-error-fixed-dim: #ff8e66;
    --color-light-on-error-fixed: #640000;
    --color-light-on-error-fixed-variant: #9f0000;
    --color-light-inverse-error: #ff8e66;
    --color-light-surface: #fff8f1;
    --color-light-surface-dim: #bfb7b1;
    --color-light-surface-bright: #fff8f1;
    --color-light-surface-variant: #efe0d4;
    --color-light-surface-container: #e9e1db;
    --color-light-surface-container-lowest: #fffef7;
    --color-light-surface-container-low: #f7efe9;
    --color-light-surface-container-high: #dbd3cd;
    --color-light-surface-container-highest: #cdc5bf;
    --color-light-on-surface: #090000;
    --color-light-on-surface-variant: #41362d;
    --color-light-inverse-surface: #f7efe9;
    --color-light-inverse-on-surface: #090000;
    --color-light-outline: #5f5349;
    --color-light-outline-variant: #7d7065;
    --color-light-scrim: #090000;
    --color-light-shadow: #090000;
    --color-light-success: #1c6300;
    --color-light-on-success: #d6ff6a;
    --color-light-success-container: #3f8200;
    --color-light-on-success-container: #d6ff6a;
    --color-light-success-fixed: #3f8200;
    --color-light-success-fixed-dim: #226800;
    --color-light-on-success-fixed: #d6ff6a;
    --color-light-on-success-fixed-variant: #d6ff6a;
    --color-light-inverse-success: #053f00;
    --color-light-defensive: #7131b4;
    --color-light-on-defensive: #ffdeff;
    --color-light-defensive-container: #9350d6;
    --color-light-on-defensive-container: #ffdeff;
    --color-light-defensive-fixed: #9350d6;
    --color-light-defensive-fixed-dim: #7737ba;
    --color-light-on-defensive-fixed: #ffdeff;
    --color-light-on-defensive-fixed-variant: #ffdeff;
    --color-light-inverse-defensive: #47038c;
    --color-light-gentle: #7c4b00;
    --color-light-on-gentle: #fff25f;
    --color-light-gentle-container: #9e6700;
    --color-light-on-gentle-container: #fff25f;
    --color-light-gentle-fixed: #9e6700;
    --color-light-gentle-fixed-dim: #814f00;
    --color-light-on-gentle-fixed: #fff25f;
    --color-light-on-gentle-fixed-variant: #fff25f;
    --color-light-inverse-gentle: #562900;
    --color-light-aggressive: #b6002d;
    --color-light-on-aggressive: #ffc3cc;
    --color-light-aggressive-container: #dc2247;
    --color-light-on-aggressive-container: #ffc3cc;
    --color-light-aggressive-fixed: #dc2247;
    --color-light-aggressive-fixed-dim: #bd0031;
    --color-light-on-aggressive-fixed: #ffc3cc;
    --color-light-on-aggressive-fixed-variant: #ffc3cc;
    --color-light-inverse-aggressive: #88000e;
    --color-light-info: #225694;
    --color-light-on-info: #ddffff;
    --color-light-info-container: #4973b4;
    --color-light-on-info-container: #ddffff;
    --color-light-info-fixed: #4973b4;
    --color-light-info-fixed-dim: #2a5a99;
    --color-light-on-info-fixed: #ddffff;
    --color-light-on-info-fixed-variant: #ddffff;
    --color-light-inverse-info: #00346e;
    --color-light-warning: #834600;
    --color-light-on-warning: #ffed93;
    --color-light-warning-container: #a66204;
    --color-light-on-warning-container: #ffed93;
    --color-light-warning-fixed: #a66204;
    --color-light-warning-fixed-dim: #884a00;
    --color-light-on-warning-fixed: #ffed93;
    --color-light-on-warning-fixed-variant: #ffed93;
    --color-light-inverse-warning: #5b2300;
    --color-dark-primary: #ffe6b1;
    --color-dark-on-primary: #280000;
    --color-dark-primary-container: #ecb986;
    --color-dark-on-primary-container: #2b0000;
    --color-dark-primary-fixed: #ffd8a5;
    --color-dark-primary-fixed-dim: #f1bd8a;
    --color-dark-on-primary-fixed: #280000;
    --color-dark-on-primary-fixed-variant: #2d0600;
    --color-dark-inverse-primary: #e8b482;
    --color-dark-secondary: #ffebd1;
    --color-dark-on-secondary: #1a0000;
    --color-dark-secondary-container: #dabea5;
    --color-dark-on-secondary-container: #1f0500;
    --color-dark-secondary-fixed: #fbddc4;
    --color-dark-secondary-fixed-dim: #dec1a8;
    --color-dark-on-secondary-fixed: #1a0000;
    --color-dark-on-secondary-fixed-variant: #220c00;
    --color-dark-inverse-secondary: #715a44;
    --color-dark-tertiary: #fef1ad;
    --color-dark-on-tertiary: #150100;
    --color-dark-tertiary-container: #cfc482;
    --color-dark-on-tertiary-container: #1b0c00;
    --color-dark-tertiary-fixed: #f0e4a0;
    --color-dark-tertiary-fixed-dim: #d3c886;
    --color-dark-on-tertiary-fixed: #150100;
    --color-dark-on-tertiary-fixed-variant: #1e1200;
    --color-dark-inverse-tertiary: #666023;
    --color-dark-error: #ffb88d;
    --color-dark-on-error: #4e0000;
    --color-dark-error-container: #ff8a63;
    --color-dark-on-error-container: #540000;
    --color-dark-error-fixed: #ffab80;
    --color-dark-error-fixed-dim: #ff8e66;
    --color-dark-on-error-fixed: #640000;
    --color-dark-on-error-fixed-variant: #9f0000;
    --color-dark-inverse-error: #bf0902;
    --color-dark-surface: #18120c;
    --color-dark-surface-dim: #18120c;
    --color-dark-surface-bright: #554f4a;
    --color-dark-surface-variant: #50453b;
    --color-dark-surface-container: #352f2a;
    --color-dark-surface-container-lowest: #090000;
    --color-dark-surface-container-low: #241f1a;
    --color-dark-surface-container-high: #403a35;
    --color-dark-surface-container-highest: #4c4640;
    --color-dark-on-surface: #fffef7;
    --color-dark-on-surface-variant: #fffdf0;
    --color-dark-inverse-surface: #352f2a;
    --color-dark-inverse-on-surface: #fffef7;
    --color-dark-outline: #fcede1;
    --color-dark-outline-variant: #cec0b4;
    --color-dark-scrim: #090000;
    --color-dark-shadow: #090000;
    --color-dark-defensive: #ffcfff;
    --color-dark-on-defensive: #050055;
    --color-dark-defensive-container: #eca2ff;
    --color-dark-on-defensive-container: #0d005d;
    --color-dark-defensive-fixed: #ffc1ff;
    --color-dark-defensive-fixed-dim: #f0a5ff;
    --color-dark-on-defensive-fixed: #050055;
    --color-dark-on-defensive-fixed-variant: #140062;
    --color-dark-inverse-defensive: #ffcbff;
    --color-dark-info: #cef0ff;
    --color-dark-on-info: #00013a;
    --color-dark-info-container: #9fc3ff;
    --color-dark-on-info-container: #000d41;
    --color-dark-info-fixed: #c0e2ff;
    --color-dark-info-fixed-dim: #a3c6ff;
    --color-dark-on-info-fixed: #00013a;
    --color-dark-on-info-fixed-variant: #001346;
    --color-dark-inverse-info: #caecff;
    --color-dark-gentle: #ffe350;
    --color-dark-on-gentle: #370000;
    --color-dark-gentle-container: #fcb61a;
    --color-dark-on-gentle-container: #390000;
    --color-dark-gentle-fixed: #ffd642;
    --color-dark-gentle-fixed-dim: #ffba20;
    --color-dark-on-gentle-fixed: #370000;
    --color-dark-on-gentle-fixed-variant: #3b0000;
    --color-dark-inverse-gentle: #ffdf4c;
    --color-dark-success: #c7ff5b;
    --color-dark-on-success: #001600;
    --color-dark-success-container: #97d529;
    --color-dark-on-success-container: #001c00;
    --color-dark-success-fixed: #b9f54d;
    --color-dark-success-fixed-dim: #9cd92e;
    --color-dark-on-success-fixed: #001600;
    --color-dark-on-success-fixed-variant: #001f00;
    --color-dark-inverse-success: #c2ff57;
    --color-dark-warning: #ffde85;
    --color-dark-on-warning: #350000;
    --color-dark-warning-container: #ffb15b;
    --color-dark-on-warning-container: #380000;
    --color-dark-warning-fixed: #ffd179;
    --color-dark-warning-fixed-dim: #ffb55e;
    --color-dark-on-warning-fixed: #350000;
    --color-dark-on-warning-fixed-variant: #3a0000;
    --color-dark-inverse-warning: #ffda82;
    --color-dark-aggressive: #ffb3bd;
    --color-dark-on-aggressive: #4d0000;
    --color-dark-aggressive-container: #ff8492;
    --color-dark-on-aggressive-container: #540000;
    --color-dark-aggressive-fixed: #ffa6b0;
    --color-dark-aggressive-fixed-dim: #ff8896;
    --color-dark-on-aggressive-fixed: #4d0000;
    --color-dark-on-aggressive-fixed-variant: #590000;
    --color-dark-inverse-aggressive: #ffafba;

    --spacing: 4px;
    --border-radius: 2px;
    --font-size: 10px;
    --line-height: 1.2em;

    --elevation-light-0: none;
    --elevation-light-1-ambient: 0 1px 3px 1px
      color-mix(in oklch, var(--color-light-shadow) 15%, transparent);
    --elevation-light-1-umbra: 0 1px 2px 0px
      color-mix(in oklch, var(--color-light-shadow) 30%, transparent);
    --elevation-light-2-ambient: 0 2px 6px 2px
      color-mix(in oklch, var(--color-light-shadow) 15%, transparent);
    --elevation-light-2-umbra: 0 1px 2px 0px
      color-mix(in oklch, var(--color-light-shadow) 30%, transparent);
    --elevation-light-3-ambient: 0 4px 8px 3px
      color-mix(in oklch, var(--color-light-shadow) 15%, transparent);
    --elevation-light-3-umbra: 0 1px 3px 0px
      color-mix(in oklch, var(--color-light-shadow) 30%, transparent);
    --elevation-light-4-ambient: 0 6px 10px 4px
      color-mix(in oklch, var(--color-light-shadow) 15%, transparent);
    --elevation-light-4-umbra: 0 2px 3px 0px
      color-mix(in oklch, var(--color-light-shadow) 30%, transparent);
    --elevation-light-5-ambient: 0 8px 12px 6px
      color-mix(in oklch, var(--color-light-shadow) 15%, transparent);
    --elevation-light-5-umbra: 0 4px 4px 0px
      color-mix(in oklch, var(--color-light-shadow) 30%, transparent);

    --elevation-dark-0: none;
    --elevation-dark-1-ambient: 0 1px 3px 1px
      color-mix(in oklch, var(--color-dark-shadow) 15%, transparent);
    --elevation-dark-1-umbra: 0 1px 2px 0px
      color-mix(in oklch, var(--color-dark-shadow) 30%, transparent);
    --elevation-dark-2-ambient: 0 2px 6px 2px
      color-mix(in oklch, var(--color-dark-shadow) 15%, transparent);
    --elevation-dark-2-umbra: 0 1px 2px 0px
      color-mix(in oklch, var(--color-dark-shadow) 30%, transparent);
    --elevation-dark-3-ambient: 0 4px 8px 3px
      color-mix(in oklch, var(--color-dark-shadow) 15%, transparent);
    --elevation-dark-3-umbra: 0 1px 3px 0px
      color-mix(in oklch, var(--color-dark-shadow) 30%, transparent);
    --elevation-dark-4-ambient: 0 6px 10px 4px
      color-mix(in oklch, var(--color-dark-shadow) 15%, transparent);
    --elevation-dark-4-umbra: 0 2px 3px 0px
      color-mix(in oklch, var(--color-dark-shadow) 30%, transparent);
    --elevation-dark-5-ambient: 0 8px 12px 6px
      color-mix(in oklch, var(--color-dark-shadow) 15%, transparent);
    --elevation-dark-5-umbra: 0 4px 4px 0px
      color-mix(in oklch, var(--color-dark-shadow) 30%, transparent);
  }
}