@maggioli-design-system/design-tokens/dist/css/colors-hex-brand-rnd.css

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

/*
@magma-design-system/design-tokens v14.1.0
Generated by Style Dictionary
Do not edit directly
Generated at Mon, 08 Jun 2026 14:52:24 GMT
*/

:root {
  --hex-brand-rnd-01: #2a2520;
  --hex-brand-rnd-02: #40362a;
  --hex-brand-rnd-03: #5b4a34;
  --hex-brand-rnd-04: #7e633d;
  --hex-brand-rnd-05: #a37a44;
  --hex-brand-rnd-06: #cba26c;
  --hex-brand-rnd-07: #d6bc9a;
  --hex-brand-rnd-08: #ded2c1;
  --hex-brand-rnd-09: #ebe7e3;
  --hex-brand-rnd-10: #f0eeec;
  --hex-brand-rnd: #cba26b;
}

:root:not(.pref-theme-scheme-light).pref-theme-dark,
:root.pref-theme-scheme-dark {
  --hex-brand-rnd-01: #f6f6f5;
  --hex-brand-rnd-02: #f0eeec;
  --hex-brand-rnd-03: #e6e1d9;
  --hex-brand-rnd-04: #ddcdb9;
  --hex-brand-rnd-05: #d4b791;
  --hex-brand-rnd-06: #bd8d4e;
  --hex-brand-rnd-07: #9e7743;
  --hex-brand-rnd-08: #7c613d;
  --hex-brand-rnd-09: #534532;
  --hex-brand-rnd-10: #453b2d;
  --hex-brand-rnd: #cba26b;
}

@media (prefers-color-scheme: dark) {
  :root:not(.pref-theme-scheme-light).pref-theme-system,
  :root:not([data-magma-pref]) {
    --hex-brand-rnd-01: #f6f6f5;
    --hex-brand-rnd-02: #f0eeec;
    --hex-brand-rnd-03: #e6e1d9;
    --hex-brand-rnd-04: #ddcdb9;
    --hex-brand-rnd-05: #d4b791;
    --hex-brand-rnd-06: #bd8d4e;
    --hex-brand-rnd-07: #9e7743;
    --hex-brand-rnd-08: #7c613d;
    --hex-brand-rnd-09: #534532;
    --hex-brand-rnd-10: #453b2d;
    --hex-brand-rnd: #cba26b;
  }
}