272 lines
12 KiB
CSS
272 lines
12 KiB
CSS
@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);
|
|
}
|
|
}
|