web-expressive/dist/schemes/alpha/baseline.css

A standard-first frontend toolkit based on Material Expressive design language intent.

@layer design-system.tokens{html,[data-theme=baseline]{--sys-color-primary:light-dark(#655789,#cdc0ec);--sys-color-surface-tint:light-dark(#655789,#cdc0ec);--sys-color-on-primary:light-dark(#fdf7ff,#443a5f);--sys-color-primary-container:light-dark(#d4c3fd,#574d72);--sys-color-on-primary-container:light-dark(#493c6c,#e9deff);--sys-color-secondary:light-dark(#625c71,#cbc2db);--sys-color-on-secondary:light-dark(#fdf7ff,#433d51);--sys-color-secondary-container:light-dark(#e8def8,#3e384c);--sys-color-on-secondary-container:light-dark(#554f63,#c4bbd4);--sys-color-tertiary:light-dark(#7b5270,#ffcfef);--sys-color-on-tertiary:light-dark(#fff7f9,#69415f);--sys-color-tertiary-container:#f4bfe3;--sys-color-on-tertiary-container:#5f3956;--sys-color-error:light-dark(#a8364b,#f97386);--sys-color-on-error:light-dark(#fff7f7,#490013);--sys-color-error-container:light-dark(#f97386,#871c34);--sys-color-on-error-container:light-dark(#6e0523,#ff97a3);--sys-color-background:light-dark(#fdf7fe,#0f0d12);--sys-color-on-background:light-dark(#34313a,#eae3ef);--sys-color-surface:light-dark(#fdf7fe,#0f0d12);--sys-color-on-surface:light-dark(#34313a,#eae3ef);--sys-color-surface-variant:light-dark(#e7e0ec,#27242d);--sys-color-on-surface-variant:light-dark(#615d68,#aea9b4);--sys-color-outline:light-dark(#7d7983,#78737e);--sys-color-outline-variant:light-dark(#b5b0bb,#4a4650);--sys-color-shadow:#000;--sys-color-scrim:#000;--sys-color-inverse-surface:light-dark(#0f0d12,#fdf7fe);--sys-color-inverse-on-surface:light-dark(#a09ba1,#575459);--sys-color-inverse-primary:light-dark(#d4c3fd,#645980);--sys-color-primary-fixed:light-dark(#d4c3fd,#ded0fe);--sys-color-on-primary-fixed:light-dark(#352857,#3c3256);--sys-color-primary-fixed-dim:light-dark(#c6b6ee,#d0c3ef);--sys-color-on-primary-fixed-variant:light-dark(#524576,#594e74);--sys-color-secondary-fixed:#e8def8;--sys-color-on-secondary-fixed:#423c50;--sys-color-secondary-fixed-dim:#dad0ea;--sys-color-on-secondary-fixed-variant:#5f586e;--sys-color-tertiary-fixed:#f4bfe3;--sys-color-on-tertiary-fixed:#4a2642;--sys-color-tertiary-fixed-dim:#e5b2d5;--sys-color-on-tertiary-fixed-variant:#694260;--sys-color-surface-dim:light-dark(#ded8e4,#0f0d12);--sys-color-surface-bright:light-dark(#fdf7fe,#2e2b34);--sys-color-surface-container-lowest:light-dark(#fff,#000);--sys-color-surface-container-low:light-dark(#f8f1fa,#141218);--sys-color-surface-container:light-dark(#f2ecf5,#1b181f);--sys-color-surface-container-high:light-dark(#ece6f0,#211e26);--sys-color-surface-container-highest:light-dark(#e7e0ec,#27242d)}}:root{--alpha-file:"baseline.css"}