349 lines
16 KiB
CSS
349 lines
16 KiB
CSS
@layer theme {
|
|
:root {
|
|
--font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
|
|
--color-white: #ffffff;
|
|
--color-black: #000000;
|
|
--color-primary: light-dark(#744c1f, #ffe6b1);
|
|
--color-on-primary: light-dark(#fff5c0, #280000);
|
|
--color-primary-container: light-dark(#95693b, #ecb986);
|
|
--color-on-primary-container: light-dark(#fff5c0, #2b0000);
|
|
--color-primary-fixed: light-dark(#95693b, #ffd8a5);
|
|
--color-primary-fixed-dim: light-dark(#7a5124, #f1bd8a);
|
|
--color-on-primary-fixed: light-dark(#fff5c0, #280000);
|
|
--color-on-primary-fixed-variant: light-dark(#fff5c0, #2d0600);
|
|
--color-inverse-primary: light-dark(#6f481b, #e8b482);
|
|
--color-secondary: light-dark(#67513b, #ffebd1);
|
|
--color-on-secondary: light-dark(#fffae0, #1a0000);
|
|
--color-secondary-container: light-dark(#866e57, #dabea5);
|
|
--color-on-secondary-container: light-dark(#fffae0, #1f0500);
|
|
--color-secondary-fixed: light-dark(#866e57, #fbddc4);
|
|
--color-secondary-fixed-dim: light-dark(#6c5540, #dec1a8);
|
|
--color-on-secondary-fixed: light-dark(#fffae0, #1a0000);
|
|
--color-on-secondary-fixed-variant: light-dark(#fffae0, #220c00);
|
|
--color-inverse-secondary: light-dark(#dec1a8, #715a44);
|
|
--color-tertiary: light-dark(#5c561a, #fef1ad);
|
|
--color-on-tertiary: light-dark(#ffffbb, #150100);
|
|
--color-tertiary-container: light-dark(#7b7436, #cfc482);
|
|
--color-on-tertiary-container: light-dark(#ffffbb, #1b0c00);
|
|
--color-tertiary-fixed: light-dark(#7b7436, #f0e4a0);
|
|
--color-tertiary-fixed-dim: light-dark(#615b1f, #d3c886);
|
|
--color-on-tertiary-fixed: light-dark(#ffffbb, #150100);
|
|
--color-on-tertiary-fixed-variant: light-dark(#ffffbb, #1e1200);
|
|
--color-inverse-tertiary: light-dark(#d3c886, #666023);
|
|
--color-error: light-dark(#b20000, #ffb88d);
|
|
--color-on-error: light-dark(#ffc89b, #4e0000);
|
|
--color-error-container: light-dark(#d92f18, #ff8a63);
|
|
--color-on-error-container: light-dark(#ffc89b, #540000);
|
|
--color-error-fixed: light-dark(#ffab80, #ffab80);
|
|
--color-error-fixed-dim: light-dark(#ff8e66, #ff8e66);
|
|
--color-on-error-fixed: light-dark(#640000, #640000);
|
|
--color-on-error-fixed-variant: light-dark(#9f0000, #9f0000);
|
|
--color-inverse-error: light-dark(#ff8e66, #bf0902);
|
|
--color-surface: light-dark(#fff8f1, #18120c);
|
|
--color-surface-dim: light-dark(#bfb7b1, #18120c);
|
|
--color-surface-bright: light-dark(#fff8f1, #554f4a);
|
|
--color-surface-variant: light-dark(#efe0d4, #50453b);
|
|
--color-surface-container: light-dark(#e9e1db, #352f2a);
|
|
--color-surface-container-lowest: light-dark(#fffef7, #090000);
|
|
--color-surface-container-low: light-dark(#f7efe9, #241f1a);
|
|
--color-surface-container-high: light-dark(#dbd3cd, #403a35);
|
|
--color-surface-container-highest: light-dark(#cdc5bf, #4c4640);
|
|
--color-on-surface: light-dark(#090000, #fffef7);
|
|
--color-on-surface-variant: light-dark(#41362d, #fffdf0);
|
|
--color-inverse-surface: light-dark(#f7efe9, #352f2a);
|
|
--color-inverse-on-surface: light-dark(#090000, #fffef7);
|
|
--color-outline: light-dark(#5f5349, #fcede1);
|
|
--color-outline-variant: light-dark(#7d7065, #cec0b4);
|
|
--color-scrim: light-dark(#090000, #090000);
|
|
--color-shadow: light-dark(#090000, #090000);
|
|
--color-aggressive: light-dark(#b6002d, #ffb3bd);
|
|
--color-on-aggressive: light-dark(#ffc3cc, #4d0000);
|
|
--color-aggressive-container: light-dark(#dc2247, #ff8492);
|
|
--color-on-aggressive-container: light-dark(#ffc3cc, #540000);
|
|
--color-aggressive-fixed: light-dark(#dc2247, #ffa6b0);
|
|
--color-aggressive-fixed-dim: light-dark(#bd0031, #ff8896);
|
|
--color-on-aggressive-fixed: light-dark(#ffc3cc, #4d0000);
|
|
--color-on-aggressive-fixed-variant: light-dark(#ffc3cc, #590000);
|
|
--color-inverse-aggressive: light-dark(#88000e, #ffafba);
|
|
--color-warning: light-dark(#834600, #ffde85);
|
|
--color-on-warning: light-dark(#ffed93, #350000);
|
|
--color-warning-container: light-dark(#a66204, #ffb15b);
|
|
--color-on-warning-container: light-dark(#ffed93, #380000);
|
|
--color-warning-fixed: light-dark(#a66204, #ffd179);
|
|
--color-warning-fixed-dim: light-dark(#884a00, #ffb55e);
|
|
--color-on-warning-fixed: light-dark(#ffed93, #350000);
|
|
--color-on-warning-fixed-variant: light-dark(#ffed93, #3a0000);
|
|
--color-inverse-warning: light-dark(#5b2300, #ffda82);
|
|
--color-success: light-dark(#1c6300, #c7ff5b);
|
|
--color-on-success: light-dark(#d6ff6a, #001600);
|
|
--color-success-container: light-dark(#3f8200, #97d529);
|
|
--color-on-success-container: light-dark(#d6ff6a, #001c00);
|
|
--color-success-fixed: light-dark(#3f8200, #b9f54d);
|
|
--color-success-fixed-dim: light-dark(#226800, #9cd92e);
|
|
--color-on-success-fixed: light-dark(#d6ff6a, #001600);
|
|
--color-on-success-fixed-variant: light-dark(#d6ff6a, #001f00);
|
|
--color-inverse-success: light-dark(#053f00, #c2ff57);
|
|
--color-info: light-dark(#225694, #cef0ff);
|
|
--color-on-info: light-dark(#ddffff, #00013a);
|
|
--color-info-container: light-dark(#4973b4, #9fc3ff);
|
|
--color-on-info-container: light-dark(#ddffff, #000d41);
|
|
--color-info-fixed: light-dark(#4973b4, #c0e2ff);
|
|
--color-info-fixed-dim: light-dark(#2a5a99, #a3c6ff);
|
|
--color-on-info-fixed: light-dark(#ddffff, #00013a);
|
|
--color-on-info-fixed-variant: light-dark(#ddffff, #001346);
|
|
--color-inverse-info: light-dark(#00346e, #caecff);
|
|
--color-gentle: light-dark(#7c4b00, #ffe350);
|
|
--color-on-gentle: light-dark(#fff25f, #370000);
|
|
--color-gentle-container: light-dark(#9e6700, #fcb61a);
|
|
--color-on-gentle-container: light-dark(#fff25f, #390000);
|
|
--color-gentle-fixed: light-dark(#9e6700, #ffd642);
|
|
--color-gentle-fixed-dim: light-dark(#814f00, #ffba20);
|
|
--color-on-gentle-fixed: light-dark(#fff25f, #370000);
|
|
--color-on-gentle-fixed-variant: light-dark(#fff25f, #3b0000);
|
|
--color-inverse-gentle: light-dark(#562900, #ffdf4c);
|
|
--color-defensive: light-dark(#7131b4, #ffcfff);
|
|
--color-on-defensive: light-dark(#ffdeff, #050055);
|
|
--color-defensive-container: light-dark(#9350d6, #eca2ff);
|
|
--color-on-defensive-container: light-dark(#ffdeff, #0d005d);
|
|
--color-defensive-fixed: light-dark(#9350d6, #ffc1ff);
|
|
--color-defensive-fixed-dim: light-dark(#7737ba, #f0a5ff);
|
|
--color-on-defensive-fixed: light-dark(#ffdeff, #050055);
|
|
--color-on-defensive-fixed-variant: light-dark(#ffdeff, #140062);
|
|
--color-inverse-defensive: light-dark(#47038c, #ffcbff);
|
|
--color-swatch-primary-0: #280000;
|
|
--color-swatch-primary-5: #2d0600;
|
|
--color-swatch-primary-10: #351300;
|
|
--color-swatch-primary-15: #3f1e00;
|
|
--color-swatch-primary-20: #4a2800;
|
|
--color-swatch-primary-25: #573305;
|
|
--color-swatch-primary-30: #643e11;
|
|
--color-swatch-primary-35: #714a1d;
|
|
--color-swatch-primary-40: #7f5628;
|
|
--color-swatch-primary-50: #9a6e3f;
|
|
--color-swatch-primary-60: #b78757;
|
|
--color-swatch-primary-70: #d3a270;
|
|
--color-swatch-primary-80: #f1bd8a;
|
|
--color-swatch-primary-90: #ffd8a5;
|
|
--color-swatch-primary-95: #ffe7b2;
|
|
--color-swatch-primary-98: #ffefba;
|
|
--color-swatch-primary-99: #fff2bd;
|
|
--color-swatch-primary-100: #fff5c0;
|
|
--color-swatch-aggressive-0: #4d0000;
|
|
--color-swatch-aggressive-5: #580000;
|
|
--color-swatch-aggressive-10: #660000;
|
|
--color-swatch-aggressive-15: #750000;
|
|
--color-swatch-aggressive-20: #84000b;
|
|
--color-swatch-aggressive-25: #930016;
|
|
--color-swatch-aggressive-30: #a30020;
|
|
--color-swatch-aggressive-35: #b3002a;
|
|
--color-swatch-aggressive-40: #c30035;
|
|
--color-swatch-aggressive-50: #e32a4b;
|
|
--color-swatch-aggressive-60: #ff4d63;
|
|
--color-swatch-aggressive-70: #ff6b7c;
|
|
--color-swatch-aggressive-80: #ff8896;
|
|
--color-swatch-aggressive-90: #ffa6b0;
|
|
--color-swatch-aggressive-95: #ffb4be;
|
|
--color-swatch-aggressive-98: #ffbdc6;
|
|
--color-swatch-aggressive-99: #ffc0c9;
|
|
--color-swatch-aggressive-100: #ffc3cc;
|
|
--color-swatch-neutral-variant-0: #100000;
|
|
--color-swatch-neutral-variant-5: #1a0f00;
|
|
--color-swatch-neutral-variant-10: #231a10;
|
|
--color-swatch-neutral-variant-15: #2e241b;
|
|
--color-swatch-neutral-variant-20: #392e25;
|
|
--color-swatch-neutral-variant-25: #443930;
|
|
--color-swatch-neutral-variant-30: #50453b;
|
|
--color-swatch-neutral-variant-35: #5c5046;
|
|
--color-swatch-neutral-variant-40: #685c52;
|
|
--color-swatch-neutral-variant-50: #81756a;
|
|
--color-swatch-neutral-variant-60: #9c8e83;
|
|
--color-swatch-neutral-variant-70: #b7a99d;
|
|
--color-swatch-neutral-variant-80: #d2c4b8;
|
|
--color-swatch-neutral-variant-90: #efe0d4;
|
|
--color-swatch-neutral-variant-95: #fdeee2;
|
|
--color-swatch-neutral-variant-98: #fff7ea;
|
|
--color-swatch-neutral-variant-99: #fffaed;
|
|
--color-swatch-neutral-variant-100: #fffdf0;
|
|
--color-swatch-defensive-0: #050055;
|
|
--color-swatch-defensive-5: #130062;
|
|
--color-swatch-defensive-10: #25006e;
|
|
--color-swatch-defensive-15: #35007b;
|
|
--color-swatch-defensive-20: #440089;
|
|
--color-swatch-defensive-25: #521296;
|
|
--color-swatch-defensive-30: #6021a4;
|
|
--color-swatch-defensive-35: #6e2eb1;
|
|
--color-swatch-defensive-40: #7c3cbf;
|
|
--color-swatch-defensive-50: #9855db;
|
|
--color-swatch-defensive-60: #b56ff8;
|
|
--color-swatch-defensive-70: #d28aff;
|
|
--color-swatch-defensive-80: #f0a5ff;
|
|
--color-swatch-defensive-90: #ffc1ff;
|
|
--color-swatch-defensive-95: #ffcfff;
|
|
--color-swatch-defensive-98: #ffd8ff;
|
|
--color-swatch-defensive-99: #ffdbff;
|
|
--color-swatch-defensive-100: #ffdeff;
|
|
--color-swatch-neutral-0: #090000;
|
|
--color-swatch-neutral-5: #161008;
|
|
--color-swatch-neutral-10: #201b16;
|
|
--color-swatch-neutral-15: #2a2520;
|
|
--color-swatch-neutral-20: #352f2a;
|
|
--color-swatch-neutral-25: #403a35;
|
|
--color-swatch-neutral-30: #4c4640;
|
|
--color-swatch-neutral-35: #58514c;
|
|
--color-swatch-neutral-40: #645d58;
|
|
--color-swatch-neutral-50: #7d7670;
|
|
--color-swatch-neutral-60: #978f89;
|
|
--color-swatch-neutral-70: #b1aaa4;
|
|
--color-swatch-neutral-80: #cdc5bf;
|
|
--color-swatch-neutral-90: #e9e1db;
|
|
--color-swatch-neutral-95: #f7efe9;
|
|
--color-swatch-neutral-98: #fff8f1;
|
|
--color-swatch-neutral-99: #fffbf4;
|
|
--color-swatch-neutral-100: #fffef7;
|
|
--color-swatch-secondary-0: #1a0000;
|
|
--color-swatch-secondary-5: #220c00;
|
|
--color-swatch-secondary-10: #2a1800;
|
|
--color-swatch-secondary-15: #34220e;
|
|
--color-swatch-secondary-20: #402c18;
|
|
--color-swatch-secondary-25: #4c3723;
|
|
--color-swatch-secondary-30: #58432e;
|
|
--color-swatch-secondary-35: #654e39;
|
|
--color-swatch-secondary-40: #715a44;
|
|
--color-swatch-secondary-50: #8b725c;
|
|
--color-swatch-secondary-60: #a68c74;
|
|
--color-swatch-secondary-70: #c2a68e;
|
|
--color-swatch-secondary-80: #dec1a8;
|
|
--color-swatch-secondary-90: #fbddc4;
|
|
--color-swatch-secondary-95: #ffecd1;
|
|
--color-swatch-secondary-98: #fff4da;
|
|
--color-swatch-secondary-99: #fff7dd;
|
|
--color-swatch-secondary-100: #fffae0;
|
|
--color-swatch-gentle-0: #370000;
|
|
--color-swatch-gentle-5: #3b0000;
|
|
--color-swatch-gentle-10: #410f00;
|
|
--color-swatch-gentle-15: #4a1b00;
|
|
--color-swatch-gentle-20: #542600;
|
|
--color-swatch-gentle-25: #5f3100;
|
|
--color-swatch-gentle-30: #6b3c00;
|
|
--color-swatch-gentle-35: #794800;
|
|
--color-swatch-gentle-40: #865400;
|
|
--color-swatch-gentle-50: #a36c00;
|
|
--color-swatch-gentle-60: #c28500;
|
|
--color-swatch-gentle-70: #e19f00;
|
|
--color-swatch-gentle-80: #ffba20;
|
|
--color-swatch-gentle-90: #ffd642;
|
|
--color-swatch-gentle-95: #ffe451;
|
|
--color-swatch-gentle-98: #ffec5a;
|
|
--color-swatch-gentle-99: #ffef5d;
|
|
--color-swatch-gentle-100: #fff25f;
|
|
--color-swatch-success-0: #001600;
|
|
--color-swatch-success-5: #001f00;
|
|
--color-swatch-success-10: #062600;
|
|
--color-swatch-success-15: #0c3000;
|
|
--color-swatch-success-20: #063c00;
|
|
--color-swatch-success-25: #044800;
|
|
--color-swatch-success-30: #0c5400;
|
|
--color-swatch-success-35: #196000;
|
|
--color-swatch-success-40: #286d00;
|
|
--color-swatch-success-50: #458700;
|
|
--color-swatch-success-60: #62a100;
|
|
--color-swatch-success-70: #7fbd00;
|
|
--color-swatch-success-80: #9cd92e;
|
|
--color-swatch-success-90: #b9f54d;
|
|
--color-swatch-success-95: #c7ff5c;
|
|
--color-swatch-success-98: #d0ff64;
|
|
--color-swatch-success-99: #d3ff67;
|
|
--color-swatch-success-100: #d6ff6a;
|
|
--color-swatch-warning-0: #350000;
|
|
--color-swatch-warning-5: #3a0000;
|
|
--color-swatch-warning-10: #420800;
|
|
--color-swatch-warning-15: #4c1500;
|
|
--color-swatch-warning-20: #582100;
|
|
--color-swatch-warning-25: #642c00;
|
|
--color-swatch-warning-30: #723700;
|
|
--color-swatch-warning-35: #7f4300;
|
|
--color-swatch-warning-40: #8e4f00;
|
|
--color-swatch-warning-50: #ab670c;
|
|
--color-swatch-warning-60: #c9802b;
|
|
--color-swatch-warning-70: #e89a45;
|
|
--color-swatch-warning-80: #ffb55e;
|
|
--color-swatch-warning-90: #ffd179;
|
|
--color-swatch-warning-95: #ffdf86;
|
|
--color-swatch-warning-98: #ffe78e;
|
|
--color-swatch-warning-99: #ffea91;
|
|
--color-swatch-warning-100: #ffed93;
|
|
--color-swatch-tertiary-0: #150100;
|
|
--color-swatch-tertiary-5: #1e1200;
|
|
--color-swatch-tertiary-10: #251c00;
|
|
--color-swatch-tertiary-15: #2c2700;
|
|
--color-swatch-tertiary-20: #363200;
|
|
--color-swatch-tertiary-25: #413d00;
|
|
--color-swatch-tertiary-30: #4d480b;
|
|
--color-swatch-tertiary-35: #595417;
|
|
--color-swatch-tertiary-40: #666023;
|
|
--color-swatch-tertiary-50: #80783b;
|
|
--color-swatch-tertiary-60: #9b9253;
|
|
--color-swatch-tertiary-70: #b7ac6c;
|
|
--color-swatch-tertiary-80: #d3c886;
|
|
--color-swatch-tertiary-90: #f0e4a0;
|
|
--color-swatch-tertiary-95: #fef2ae;
|
|
--color-swatch-tertiary-98: #fffbb6;
|
|
--color-swatch-tertiary-99: #fffdb9;
|
|
--color-swatch-tertiary-100: #ffffbb;
|
|
--color-swatch-info-0: #00013a;
|
|
--color-swatch-info-5: #001346;
|
|
--color-swatch-info-10: #001d52;
|
|
--color-swatch-info-15: #00275e;
|
|
--color-swatch-info-20: #00316a;
|
|
--color-swatch-info-25: #003c77;
|
|
--color-swatch-info-30: #024784;
|
|
--color-swatch-info-35: #1e5391;
|
|
--color-swatch-info-40: #305f9e;
|
|
--color-swatch-info-50: #4e77ba;
|
|
--color-swatch-info-60: #6b91d5;
|
|
--color-swatch-info-70: #87abf2;
|
|
--color-swatch-info-80: #a3c6ff;
|
|
--color-swatch-info-90: #c0e2ff;
|
|
--color-swatch-info-95: #cef1ff;
|
|
--color-swatch-info-98: #d7f9ff;
|
|
--color-swatch-info-99: #dafcff;
|
|
--color-swatch-info-100: #ddffff;
|
|
--color-swatch-error-0: #4e0000;
|
|
--color-swatch-error-5: #580000;
|
|
--color-swatch-error-10: #640000;
|
|
--color-swatch-error-15: #720000;
|
|
--color-swatch-error-20: #810000;
|
|
--color-swatch-error-25: #900000;
|
|
--color-swatch-error-30: #9f0000;
|
|
--color-swatch-error-35: #af0000;
|
|
--color-swatch-error-40: #bf0902;
|
|
--color-swatch-error-50: #df361d;
|
|
--color-swatch-error-60: #ff5435;
|
|
--color-swatch-error-70: #ff714d;
|
|
--color-swatch-error-80: #ff8e66;
|
|
--color-swatch-error-90: #ffab80;
|
|
--color-swatch-error-95: #ffb98d;
|
|
--color-swatch-error-98: #ffc295;
|
|
--color-swatch-error-99: #ffc598;
|
|
--color-swatch-error-100: #ffc89b;
|
|
|
|
--spacing: 4px;
|
|
--border-radius: 2px;
|
|
--font-size: 10px;
|
|
--line-height: 1.2em;
|
|
|
|
--elevation-0: none;
|
|
--elevation-1-ambient: 0 1px 3px 1px color-mix(in oklch, var(--color-shadow) 15%, transparent);
|
|
--elevation-1-umbra: 0 1px 2px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent);
|
|
--elevation-2-ambient: 0 2px 6px 2px color-mix(in oklch, var(--color-shadow) 15%, transparent);
|
|
--elevation-2-umbra: 0 1px 2px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent);
|
|
--elevation-3-ambient: 0 4px 8px 3px color-mix(in oklch, var(--color-shadow) 15%, transparent);
|
|
--elevation-3-umbra: 0 1px 3px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent);
|
|
--elevation-4-ambient: 0 6px 10px 4px color-mix(in oklch, var(--color-shadow) 15%, transparent);
|
|
--elevation-4-umbra: 0 2px 3px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent);
|
|
--elevation-5-ambient: 0 8px 12px 6px color-mix(in oklch, var(--color-shadow) 15%, transparent);
|
|
--elevation-5-umbra: 0 4px 4px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent);
|
|
}
|
|
}
|