@dialpad/dialtone-css/lib/dist/tokens/tokens-base-light.css

Dialpad's design system

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  color-scheme: light;
  --dt-shadow-focus-inset-type: innerShadow;
  --dt-shadow-focus-2-type: dropShadow;
  --dt-shadow-focus-1-type: dropShadow;
  --dt-shadow-card-3-type: dropShadow;
  --dt-shadow-card-3-color-h: 0;
  --dt-shadow-card-3-color-s: 0%;
  --dt-shadow-card-3-color-l: 0%;
  --dt-shadow-card-3-color-a: 8%;
  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
  --dt-shadow-card-3-color: #00000014;
  --dt-shadow-card-2-type: dropShadow;
  --dt-shadow-card-2-color-h: 0;
  --dt-shadow-card-2-color-s: 0%;
  --dt-shadow-card-2-color-l: 0%;
  --dt-shadow-card-2-color-a: 4%;
  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
  --dt-shadow-card-2-color: #0000000A;
  --dt-shadow-card-1-type: dropShadow;
  --dt-shadow-card-1-color-h: 0;
  --dt-shadow-card-1-color-s: 0%;
  --dt-shadow-card-1-color-l: 0%;
  --dt-shadow-card-1-color-a: 3%;
  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
  --dt-shadow-card-1-color: #00000008;
  --dt-shadow-extra-large-type: dropShadow;
  --dt-shadow-extra-large-color-h: 0;
  --dt-shadow-extra-large-color-s: 0%;
  --dt-shadow-extra-large-color-l: 0%;
  --dt-shadow-extra-large-color-a: 30%;
  --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
  --dt-shadow-extra-large-color: #0000004D;
  --dt-shadow-large-type: dropShadow;
  --dt-shadow-large-color-h: 0;
  --dt-shadow-large-color-s: 0%;
  --dt-shadow-large-color-l: 0%;
  --dt-shadow-large-color-a: 30%;
  --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
  --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
  --dt-shadow-large-color: #0000004D;
  --dt-shadow-medium-type: dropShadow;
  --dt-shadow-medium-color-h: 0;
  --dt-shadow-medium-color-s: 0%;
  --dt-shadow-medium-color-l: 0%;
  --dt-shadow-medium-color-a: 25%;
  --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
  --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
  --dt-shadow-medium-color: #00000040;
  --dt-shadow-small-type: dropShadow;
  --dt-shadow-small-color-h: 0;
  --dt-shadow-small-color-s: 0%;
  --dt-shadow-small-color-l: 0%;
  --dt-shadow-small-color-a: 15%;
  --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
  --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
  --dt-shadow-small-color: #00000026;
  --dt-opacity-1300: 1;
  --dt-opacity-1200: .9;
  --dt-opacity-1100: .8;
  --dt-opacity-1000: .75;
  --dt-opacity-900: .7;
  --dt-opacity-800: .6;
  --dt-opacity-700: .5;
  --dt-opacity-600: .4;
  --dt-opacity-500: .3;
  --dt-opacity-400: .25;
  --dt-opacity-300: .2;
  --dt-opacity-200: .1;
  --dt-opacity-100: .05;
  --dt-opacity-0: 0;
  --dt-color-brand-gold-h: 35.850622406639005;
  --dt-color-brand-gold-s: 100%;
  --dt-color-brand-gold-l: 52.74509803921569%;
  --dt-color-brand-gold-a: 100%;
  --dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);
  --dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
  --dt-color-brand-gold: #FF9E0E; /* Typically used as an accent color. */
  --dt-color-brand-red-h: 342.96610169491527;
  --dt-color-brand-red-s: 100%;
  --dt-color-brand-red-l: 53.72549019607843%;
  --dt-color-brand-red-a: 100%;
  --dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
  --dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
  --dt-color-brand-red: #FF1356; /* Typically used as an accent color. */
  --dt-color-brand-magenta-h: 323.9473684210526;
  --dt-color-brand-magenta-s: 100%;
  --dt-color-brand-magenta-l: 55.294117647058826%;
  --dt-color-brand-magenta-a: 100%;
  --dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);
  --dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
  --dt-color-brand-magenta: #FF1BA4; /* Typically used as an accent color. */
  --dt-color-brand-purple-h: 254.5664739884393;
  --dt-color-brand-purple-s: 100%;
  --dt-color-brand-purple-l: 66.07843137254902%;
  --dt-color-brand-purple-a: 100%;
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
  --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); /* Gradient for Ai-oriented treatments. */
  --dt-color-indigo-1000-h: 203.2258064516129;
  --dt-color-indigo-1000-s: 100%;
  --dt-color-indigo-1000-l: 6.078431372549019%;
  --dt-color-indigo-1000-a: 100%;
  --dt-color-indigo-1000-hsl: var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l);
  --dt-color-indigo-1000-hsla: hsl(var(--dt-color-indigo-1000-h) var(--dt-color-indigo-1000-s) var(--dt-color-indigo-1000-l) / var(--alpha, 100%));
  --dt-color-indigo-1000: #00131F;
  --dt-color-indigo-950-h: 203.47826086956522;
  --dt-color-indigo-950-s: 82.14285714285715%;
  --dt-color-indigo-950-l: 10.980392156862745%;
  --dt-color-indigo-950-a: 100%;
  --dt-color-indigo-950-hsl: var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l);
  --dt-color-indigo-950-hsla: hsl(var(--dt-color-indigo-950-h) var(--dt-color-indigo-950-s) var(--dt-color-indigo-950-l) / var(--alpha, 100%));
  --dt-color-indigo-950: #052133;
  --dt-color-indigo-900-h: 203.2258064516129;
  --dt-color-indigo-900-s: 60.7843137254902%;
  --dt-color-indigo-900-l: 20%;
  --dt-color-indigo-900-a: 100%;
  --dt-color-indigo-900-hsl: var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l);
  --dt-color-indigo-900-hsla: hsl(var(--dt-color-indigo-900-h) var(--dt-color-indigo-900-s) var(--dt-color-indigo-900-l) / var(--alpha, 100%));
  --dt-color-indigo-900: #143A52;
  --dt-color-indigo-800-h: 205.5737704918033;
  --dt-color-indigo-800-s: 59.80392156862745%;
  --dt-color-indigo-800-l: 40%;
  --dt-color-indigo-800-a: 100%;
  --dt-color-indigo-800-hsl: var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l);
  --dt-color-indigo-800-hsla: hsl(var(--dt-color-indigo-800-h) var(--dt-color-indigo-800-s) var(--dt-color-indigo-800-l) / var(--alpha, 100%));
  --dt-color-indigo-800: #296FA3;
  --dt-color-indigo-700-h: 205.77777777777777;
  --dt-color-indigo-700-s: 52.941176470588225%;
  --dt-color-indigo-700-l: 50%;
  --dt-color-indigo-700-a: 100%;
  --dt-color-indigo-700-hsl: var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l);
  --dt-color-indigo-700-hsla: hsl(var(--dt-color-indigo-700-h) var(--dt-color-indigo-700-s) var(--dt-color-indigo-700-l) / var(--alpha, 100%));
  --dt-color-indigo-700: #3C89C3;
  --dt-color-indigo-600-h: 208.8372093023256;
  --dt-color-indigo-600-s: 61.72248803827751%;
  --dt-color-indigo-600-l: 59.01960784313726%;
  --dt-color-indigo-600-a: 100%;
  --dt-color-indigo-600-hsl: var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l);
  --dt-color-indigo-600-hsla: hsl(var(--dt-color-indigo-600-h) var(--dt-color-indigo-600-s) var(--dt-color-indigo-600-l) / var(--alpha, 100%));
  --dt-color-indigo-600: #5699D7;
  --dt-color-indigo-500-h: 211.0344827586207;
  --dt-color-indigo-500-s: 66.66666666666666%;
  --dt-color-indigo-500-l: 65.88235294117646%;
  --dt-color-indigo-500-a: 100%;
  --dt-color-indigo-500-hsl: var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l);
  --dt-color-indigo-500-hsla: hsl(var(--dt-color-indigo-500-h) var(--dt-color-indigo-500-s) var(--dt-color-indigo-500-l) / var(--alpha, 100%));
  --dt-color-indigo-500: #6EA6E2;
  --dt-color-indigo-400-h: 210.94736842105266;
  --dt-color-indigo-400-s: 70.37037037037034%;
  --dt-color-indigo-400-l: 73.52941176470588%;
  --dt-color-indigo-400-a: 100%;
  --dt-color-indigo-400-hsl: var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l);
  --dt-color-indigo-400-hsla: hsl(var(--dt-color-indigo-400-h) var(--dt-color-indigo-400-s) var(--dt-color-indigo-400-l) / var(--alpha, 100%));
  --dt-color-indigo-400: #8CBAEB;
  --dt-color-indigo-300-h: 216;
  --dt-color-indigo-300-s: 62.499999999999986%;
  --dt-color-indigo-300-l: 84.31372549019608%;
  --dt-color-indigo-300-a: 100%;
  --dt-color-indigo-300-hsl: var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l);
  --dt-color-indigo-300-hsla: hsl(var(--dt-color-indigo-300-h) var(--dt-color-indigo-300-s) var(--dt-color-indigo-300-l) / var(--alpha, 100%));
  --dt-color-indigo-300: #BED2F0;
  --dt-color-indigo-200-h: 216.36363636363635;
  --dt-color-indigo-200-s: 60.000000000000064%;
  --dt-color-indigo-200-l: 89.21568627450979%;
  --dt-color-indigo-200-a: 100%;
  --dt-color-indigo-200-hsl: var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l);
  --dt-color-indigo-200-hsla: hsl(var(--dt-color-indigo-200-h) var(--dt-color-indigo-200-s) var(--dt-color-indigo-200-l) / var(--alpha, 100%));
  --dt-color-indigo-200: #D3E0F4;
  --dt-color-indigo-100-h: 221.53846153846158;
  --dt-color-indigo-100-s: 51.99999999999999%;
  --dt-color-indigo-100-l: 95.09803921568627%;
  --dt-color-indigo-100-a: 100%;
  --dt-color-indigo-100-hsl: var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l);
  --dt-color-indigo-100-hsla: hsl(var(--dt-color-indigo-100-h) var(--dt-color-indigo-100-s) var(--dt-color-indigo-100-l) / var(--alpha, 100%));
  --dt-color-indigo-100: #ECF0F9;
  --dt-color-indigo-50-h: 217.49999999999986;
  --dt-color-indigo-50-s: 50%;
  --dt-color-indigo-50-l: 96.8627450980392%;
  --dt-color-indigo-50-a: 100%;
  --dt-color-indigo-50-hsl: var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l);
  --dt-color-indigo-50-hsla: hsl(var(--dt-color-indigo-50-h) var(--dt-color-indigo-50-s) var(--dt-color-indigo-50-l) / var(--alpha, 100%));
  --dt-color-indigo-50: #F3F6FB;
  --dt-color-teal-1000-h: 176.66666666666669;
  --dt-color-teal-1000-s: 69.23076923076923%;
  --dt-color-teal-1000-l: 5.098039215686274%;
  --dt-color-teal-1000-a: 100%;
  --dt-color-teal-1000-hsl: var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l);
  --dt-color-teal-1000-hsla: hsl(var(--dt-color-teal-1000-h) var(--dt-color-teal-1000-s) var(--dt-color-teal-1000-l) / var(--alpha, 100%));
  --dt-color-teal-1000: #041615;
  --dt-color-teal-950-h: 176.75675675675677;
  --dt-color-teal-950-s: 72.54901960784312%;
  --dt-color-teal-950-l: 10%;
  --dt-color-teal-950-a: 100%;
  --dt-color-teal-950-hsl: var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l);
  --dt-color-teal-950-hsla: hsl(var(--dt-color-teal-950-h) var(--dt-color-teal-950-s) var(--dt-color-teal-950-l) / var(--alpha, 100%));
  --dt-color-teal-950: #072C2A;
  --dt-color-teal-900-h: 177;
  --dt-color-teal-900-s: 63.829787234042556%;
  --dt-color-teal-900-l: 18.431372549019606%;
  --dt-color-teal-900-a: 100%;
  --dt-color-teal-900-hsl: var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l);
  --dt-color-teal-900-hsla: hsl(var(--dt-color-teal-900-h) var(--dt-color-teal-900-s) var(--dt-color-teal-900-l) / var(--alpha, 100%));
  --dt-color-teal-900: #114D4A;
  --dt-color-teal-800-h: 177.02970297029702;
  --dt-color-teal-800-s: 59.76331360946746%;
  --dt-color-teal-800-l: 33.13725490196078%;
  --dt-color-teal-800-a: 100%;
  --dt-color-teal-800-hsl: var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l);
  --dt-color-teal-800-hsla: hsl(var(--dt-color-teal-800-h) var(--dt-color-teal-800-s) var(--dt-color-teal-800-l) / var(--alpha, 100%));
  --dt-color-teal-800: #228782;
  --dt-color-teal-700-h: 177.12;
  --dt-color-teal-700-s: 59.80861244019139%;
  --dt-color-teal-700-l: 40.98039215686274%;
  --dt-color-teal-700-a: 100%;
  --dt-color-teal-700-hsl: var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l);
  --dt-color-teal-700-hsla: hsl(var(--dt-color-teal-700-h) var(--dt-color-teal-700-s) var(--dt-color-teal-700-l) / var(--alpha, 100%));
  --dt-color-teal-700: #2AA7A1;
  --dt-color-teal-600-h: 177.23076923076923;
  --dt-color-teal-600-s: 55.08474576271186%;
  --dt-color-teal-600-l: 46.27450980392157%;
  --dt-color-teal-600-a: 100%;
  --dt-color-teal-600-hsl: var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l);
  --dt-color-teal-600-hsla: hsl(var(--dt-color-teal-600-h) var(--dt-color-teal-600-s) var(--dt-color-teal-600-l) / var(--alpha, 100%));
  --dt-color-teal-600: #35B7B1;
  --dt-color-teal-500-h: 177.0731707317073;
  --dt-color-teal-500-s: 70.08547008547009%;
  --dt-color-teal-500-l: 54.117647058823536%;
  --dt-color-teal-500-a: 100%;
  --dt-color-teal-500-hsl: var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l);
  --dt-color-teal-500-hsla: hsl(var(--dt-color-teal-500-h) var(--dt-color-teal-500-s) var(--dt-color-teal-500-l) / var(--alpha, 100%));
  --dt-color-teal-500: #38DCD4;
  --dt-color-teal-400-h: 176.8421052631579;
  --dt-color-teal-400-s: 67.37588652482269%;
  --dt-color-teal-400-l: 72.35294117647058%;
  --dt-color-teal-400-a: 100%;
  --dt-color-teal-400-hsl: var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l);
  --dt-color-teal-400-hsla: hsl(var(--dt-color-teal-400-h) var(--dt-color-teal-400-s) var(--dt-color-teal-400-l) / var(--alpha, 100%));
  --dt-color-teal-400: #89E8E3;
  --dt-color-teal-300-h: 176.53846153846155;
  --dt-color-teal-300-s: 64.99999999999999%;
  --dt-color-teal-300-l: 84.31372549019608%;
  --dt-color-teal-300-a: 100%;
  --dt-color-teal-300-hsl: var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l);
  --dt-color-teal-300-hsla: hsl(var(--dt-color-teal-300-h) var(--dt-color-teal-300-s) var(--dt-color-teal-300-l) / var(--alpha, 100%));
  --dt-color-teal-300: #BDF1EE;
  --dt-color-teal-200-h: 176.12903225806446;
  --dt-color-teal-200-s: 58.49056603773588%;
  --dt-color-teal-200-l: 89.6078431372549%;
  --dt-color-teal-200-a: 100%;
  --dt-color-teal-200-hsl: var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l);
  --dt-color-teal-200-hsla: hsl(var(--dt-color-teal-200-h) var(--dt-color-teal-200-s) var(--dt-color-teal-200-l) / var(--alpha, 100%));
  --dt-color-teal-200: #D5F4F2;
  --dt-color-teal-100-h: 175.38461538461542;
  --dt-color-teal-100-s: 51.99999999999999%;
  --dt-color-teal-100-l: 95.09803921568627%;
  --dt-color-teal-100-a: 100%;
  --dt-color-teal-100-hsl: var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l);
  --dt-color-teal-100-hsla: hsl(var(--dt-color-teal-100-h) var(--dt-color-teal-100-s) var(--dt-color-teal-100-l) / var(--alpha, 100%));
  --dt-color-teal-100: #ECF9F8;
  --dt-color-teal-50-h: 173.3333333333332;
  --dt-color-teal-50-s: 60.000000000000156%;
  --dt-color-teal-50-l: 97.05882352941177%;
  --dt-color-teal-50-a: 100%;
  --dt-color-teal-50-hsl: var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l);
  --dt-color-teal-50-hsla: hsl(var(--dt-color-teal-50-h) var(--dt-color-teal-50-s) var(--dt-color-teal-50-l) / var(--alpha, 100%));
  --dt-color-teal-50: #F3FCFB;
  --dt-color-olive-1000-h: 54.193548387096776;
  --dt-color-olive-1000-s: 100%;
  --dt-color-olive-1000-l: 6.078431372549019%;
  --dt-color-olive-1000-a: 100%;
  --dt-color-olive-1000-hsl: var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l);
  --dt-color-olive-1000-hsla: hsl(var(--dt-color-olive-1000-h) var(--dt-color-olive-1000-s) var(--dt-color-olive-1000-l) / var(--alpha, 100%));
  --dt-color-olive-1000: #1F1C00;
  --dt-color-olive-950-h: 54.85714285714285;
  --dt-color-olive-950-s: 68.62745098039215%;
  --dt-color-olive-950-l: 10%;
  --dt-color-olive-950-a: 100%;
  --dt-color-olive-950-hsl: var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l);
  --dt-color-olive-950-hsla: hsl(var(--dt-color-olive-950-h) var(--dt-color-olive-950-s) var(--dt-color-olive-950-l) / var(--alpha, 100%));
  --dt-color-olive-950: #2B2808;
  --dt-color-olive-900-h: 55.16129032258065;
  --dt-color-olive-900-s: 67.39130434782608%;
  --dt-color-olive-900-l: 18.03921568627451%;
  --dt-color-olive-900-a: 100%;
  --dt-color-olive-900-hsl: var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l);
  --dt-color-olive-900-hsla: hsl(var(--dt-color-olive-900-h) var(--dt-color-olive-900-s) var(--dt-color-olive-900-l) / var(--alpha, 100%));
  --dt-color-olive-900: #4D480F;
  --dt-color-olive-800-h: 55.3125;
  --dt-color-olive-800-s: 43.24324324324324%;
  --dt-color-olive-800-l: 29.01960784313726%;
  --dt-color-olive-800-a: 100%;
  --dt-color-olive-800-hsl: var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l);
  --dt-color-olive-800-hsla: hsl(var(--dt-color-olive-800-h) var(--dt-color-olive-800-s) var(--dt-color-olive-800-l) / var(--alpha, 100%));
  --dt-color-olive-800: #6A652A;
  --dt-color-olive-700-h: 55.86206896551724;
  --dt-color-olive-700-s: 63.04347826086957%;
  --dt-color-olive-700-l: 36.07843137254902%;
  --dt-color-olive-700-a: 100%;
  --dt-color-olive-700-hsl: var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l);
  --dt-color-olive-700-hsla: hsl(var(--dt-color-olive-700-h) var(--dt-color-olive-700-s) var(--dt-color-olive-700-l) / var(--alpha, 100%));
  --dt-color-olive-700: #968E22;
  --dt-color-olive-600-h: 55.862068965517246;
  --dt-color-olive-600-s: 66.21004566210044%;
  --dt-color-olive-600-l: 42.94117647058824%;
  --dt-color-olive-600-a: 100%;
  --dt-color-olive-600-hsl: var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l);
  --dt-color-olive-600-hsla: hsl(var(--dt-color-olive-600-h) var(--dt-color-olive-600-s) var(--dt-color-olive-600-l) / var(--alpha, 100%));
  --dt-color-olive-600: #B6AC25;
  --dt-color-olive-500-h: 55.95092024539878;
  --dt-color-olive-500-s: 67.63485477178422%;
  --dt-color-olive-500-l: 47.25490196078431%;
  --dt-color-olive-500-a: 100%;
  --dt-color-olive-500-hsl: var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l);
  --dt-color-olive-500-hsla: hsl(var(--dt-color-olive-500-h) var(--dt-color-olive-500-s) var(--dt-color-olive-500-l) / var(--alpha, 100%));
  --dt-color-olive-500: #CABF27;
  --dt-color-olive-400-h: 55.975609756097555;
  --dt-color-olive-400-s: 70.08547008547009%;
  --dt-color-olive-400-l: 54.117647058823536%;
  --dt-color-olive-400-a: 100%;
  --dt-color-olive-400-hsl: var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l);
  --dt-color-olive-400-hsla: hsl(var(--dt-color-olive-400-h) var(--dt-color-olive-400-s) var(--dt-color-olive-400-l) / var(--alpha, 100%));
  --dt-color-olive-400: #DCD138;
  --dt-color-olive-300-h: 52.19512195121951;
  --dt-color-olive-300-s: 81.4569536423841%;
  --dt-color-olive-300-l: 70.3921568627451%;
  --dt-color-olive-300-a: 100%;
  --dt-color-olive-300-hsl: var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l);
  --dt-color-olive-300-hsla: hsl(var(--dt-color-olive-300-h) var(--dt-color-olive-300-s) var(--dt-color-olive-300-l) / var(--alpha, 100%));
  --dt-color-olive-300: #F1E176;
  --dt-color-olive-200-h: 49.534883720930225;
  --dt-color-olive-200-s: 89.58333333333331%;
  --dt-color-olive-200-l: 81.17647058823529%;
  --dt-color-olive-200-a: 100%;
  --dt-color-olive-200-hsl: var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l);
  --dt-color-olive-200-hsla: hsl(var(--dt-color-olive-200-h) var(--dt-color-olive-200-s) var(--dt-color-olive-200-l) / var(--alpha, 100%));
  --dt-color-olive-200: #FAEBA4;
  --dt-color-olive-100-h: 47.586206896551715;
  --dt-color-olive-100-s: 93.54838709677422%;
  --dt-color-olive-100-l: 87.84313725490196%;
  --dt-color-olive-100-a: 100%;
  --dt-color-olive-100-hsl: var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l);
  --dt-color-olive-100-hsla: hsl(var(--dt-color-olive-100-h) var(--dt-color-olive-100-s) var(--dt-color-olive-100-l) / var(--alpha, 100%));
  --dt-color-olive-100: #FDF1C3;
  --dt-color-olive-50-h: 46.15384615384614;
  --dt-color-olive-50-s: 100%;
  --dt-color-olive-50-l: 94.90196078431372%;
  --dt-color-olive-50-a: 100%;
  --dt-color-olive-50-hsl: var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l);
  --dt-color-olive-50-hsla: hsl(var(--dt-color-olive-50-h) var(--dt-color-olive-50-s) var(--dt-color-olive-50-l) / var(--alpha, 100%));
  --dt-color-olive-50: #FFF9E5;
  --dt-color-coral-1000-h: 15;
  --dt-color-coral-1000-s: 100%;
  --dt-color-coral-1000-l: 7.0588235294117645%;
  --dt-color-coral-1000-a: 100%;
  --dt-color-coral-1000-hsl: var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l);
  --dt-color-coral-1000-hsla: hsl(var(--dt-color-coral-1000-h) var(--dt-color-coral-1000-s) var(--dt-color-coral-1000-l) / var(--alpha, 100%));
  --dt-color-coral-1000: #240900;
  --dt-color-coral-950-h: 15;
  --dt-color-coral-950-s: 100%;
  --dt-color-coral-950-l: 10.980392156862745%;
  --dt-color-coral-950-a: 100%;
  --dt-color-coral-950-hsl: var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l);
  --dt-color-coral-950-hsla: hsl(var(--dt-color-coral-950-h) var(--dt-color-coral-950-s) var(--dt-color-coral-950-l) / var(--alpha, 100%));
  --dt-color-coral-950: #380E00;
  --dt-color-coral-900-h: 15.157894736842106;
  --dt-color-coral-900-s: 88.78504672897198%;
  --dt-color-coral-900-l: 20.98039215686274%;
  --dt-color-coral-900-a: 100%;
  --dt-color-coral-900-hsl: var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l);
  --dt-color-coral-900-hsla: hsl(var(--dt-color-coral-900-h) var(--dt-color-coral-900-s) var(--dt-color-coral-900-l) / var(--alpha, 100%));
  --dt-color-coral-900: #651E06;
  --dt-color-coral-800-h: 13.919999999999998;
  --dt-color-coral-800-s: 87.41258741258741%;
  --dt-color-coral-800-l: 28.03921568627451%;
  --dt-color-coral-800-a: 100%;
  --dt-color-coral-800-hsl: var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l);
  --dt-color-coral-800-hsla: hsl(var(--dt-color-coral-800-h) var(--dt-color-coral-800-s) var(--dt-color-coral-800-l) / var(--alpha, 100%));
  --dt-color-coral-800: #862609;
  --dt-color-coral-700-h: 14.625000000000002;
  --dt-color-coral-700-s: 89.88764044943821%;
  --dt-color-coral-700-l: 34.90196078431372%;
  --dt-color-coral-700-a: 100%;
  --dt-color-coral-700-hsl: var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l);
  --dt-color-coral-700-hsla: hsl(var(--dt-color-coral-700-h) var(--dt-color-coral-700-s) var(--dt-color-coral-700-l) / var(--alpha, 100%));
  --dt-color-coral-700: #A93009;
  --dt-color-coral-600-h: 14.31472081218274;
  --dt-color-coral-600-s: 89.95433789954339%;
  --dt-color-coral-600-l: 42.94117647058823%;
  --dt-color-coral-600-a: 100%;
  --dt-color-coral-600-hsl: var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l);
  --dt-color-coral-600-hsla: hsl(var(--dt-color-coral-600-h) var(--dt-color-coral-600-s) var(--dt-color-coral-600-l) / var(--alpha, 100%));
  --dt-color-coral-600: #D03A0B;
  --dt-color-coral-500-h: 14.473684210526315;
  --dt-color-coral-500-s: 91.20000000000002%;
  --dt-color-coral-500-l: 50.98039215686274%;
  --dt-color-coral-500-a: 100%;
  --dt-color-coral-500-hsl: var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l);
  --dt-color-coral-500-hsla: hsl(var(--dt-color-coral-500-h) var(--dt-color-coral-500-s) var(--dt-color-coral-500-l) / var(--alpha, 100%));
  --dt-color-coral-500: #F44710;
  --dt-color-coral-400-h: 14.136125654450261;
  --dt-color-coral-400-s: 91.38755980861244%;
  --dt-color-coral-400-l: 59.01960784313726%;
  --dt-color-coral-400-a: 100%;
  --dt-color-coral-400-hsl: var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l);
  --dt-color-coral-400-hsla: hsl(var(--dt-color-coral-400-h) var(--dt-color-coral-400-s) var(--dt-color-coral-400-l) / var(--alpha, 100%));
  --dt-color-coral-400: #F66437;
  --dt-color-coral-300-h: 14.794520547945206;
  --dt-color-coral-300-s: 86.90476190476191%;
  --dt-color-coral-300-l: 67.05882352941177%;
  --dt-color-coral-300-a: 100%;
  --dt-color-coral-300-hsl: var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l);
  --dt-color-coral-300-hsla: hsl(var(--dt-color-coral-300-h) var(--dt-color-coral-300-s) var(--dt-color-coral-300-l) / var(--alpha, 100%));
  --dt-color-coral-300: #F48662;
  --dt-color-coral-200-h: 15.529411764705884;
  --dt-color-coral-200-s: 79.4392523364486%;
  --dt-color-coral-200-l: 79.01960784313727%;
  --dt-color-coral-200-a: 100%;
  --dt-color-coral-200-hsl: var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l);
  --dt-color-coral-200-hsla: hsl(var(--dt-color-coral-200-h) var(--dt-color-coral-200-s) var(--dt-color-coral-200-l) / var(--alpha, 100%));
  --dt-color-coral-200: #F4B59F;
  --dt-color-coral-100-h: 16.666666666666707;
  --dt-color-coral-100-s: 69.23076923076916%;
  --dt-color-coral-100-l: 94.90196078431372%;
  --dt-color-coral-100-a: 100%;
  --dt-color-coral-100-hsl: var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l);
  --dt-color-coral-100-hsla: hsl(var(--dt-color-coral-100-h) var(--dt-color-coral-100-s) var(--dt-color-coral-100-l) / var(--alpha, 100%));
  --dt-color-coral-100: #FBEEE9;
  --dt-color-coral-50-h: 13.846153846153918;
  --dt-color-coral-50-s: 86.66666666666671%;
  --dt-color-coral-50-l: 97.05882352941177%;
  --dt-color-coral-50-a: 100%;
  --dt-color-coral-50-hsl: var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l);
  --dt-color-coral-50-hsla: hsl(var(--dt-color-coral-50-h) var(--dt-color-coral-50-s) var(--dt-color-coral-50-l) / var(--alpha, 100%));
  --dt-color-coral-50: #FEF4F1;
  --dt-color-berry-1000-h: 274;
  --dt-color-berry-1000-s: 65.21739130434783%;
  --dt-color-berry-1000-l: 9.019607843137255%;
  --dt-color-berry-1000-a: 100%;
  --dt-color-berry-1000-hsl: var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l);
  --dt-color-berry-1000-hsla: hsl(var(--dt-color-berry-1000-h) var(--dt-color-berry-1000-s) var(--dt-color-berry-1000-l) / var(--alpha, 100%));
  --dt-color-berry-1000: #190826;
  --dt-color-berry-950-h: 274.90909090909093;
  --dt-color-berry-950-s: 60.439560439560445%;
  --dt-color-berry-950-l: 17.843137254901958%;
  --dt-color-berry-950-a: 100%;
  --dt-color-berry-950-hsl: var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l);
  --dt-color-berry-950-hsla: hsl(var(--dt-color-berry-950-h) var(--dt-color-berry-950-s) var(--dt-color-berry-950-l) / var(--alpha, 100%));
  --dt-color-berry-950: #321249;
  --dt-color-berry-900-h: 274.77272727272725;
  --dt-color-berry-900-s: 59.45945945945945%;
  --dt-color-berry-900-l: 29.01960784313726%;
  --dt-color-berry-900-a: 100%;
  --dt-color-berry-900-hsl: var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l);
  --dt-color-berry-900-hsla: hsl(var(--dt-color-berry-900-h) var(--dt-color-berry-900-s) var(--dt-color-berry-900-l) / var(--alpha, 100%));
  --dt-color-berry-900: #511E76;
  --dt-color-berry-800-h: 275.02392344497605;
  --dt-color-berry-800-s: 100%;
  --dt-color-berry-800-l: 40.98039215686274%;
  --dt-color-berry-800-a: 100%;
  --dt-color-berry-800-hsl: var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l);
  --dt-color-berry-800-hsla: hsl(var(--dt-color-berry-800-h) var(--dt-color-berry-800-s) var(--dt-color-berry-800-l) / var(--alpha, 100%));
  --dt-color-berry-800: #7A00D1;
  --dt-color-berry-700-h: 281.1504424778761;
  --dt-color-berry-700-s: 98.2608695652174%;
  --dt-color-berry-700-l: 45.09803921568628%;
  --dt-color-berry-700-a: 100%;
  --dt-color-berry-700-hsl: var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l);
  --dt-color-berry-700-hsla: hsl(var(--dt-color-berry-700-h) var(--dt-color-berry-700-s) var(--dt-color-berry-700-l) / var(--alpha, 100%));
  --dt-color-berry-700: #9D02E4;
  --dt-color-berry-600-h: 287.48936170212767;
  --dt-color-berry-600-s: 95.91836734693877%;
  --dt-color-berry-600-l: 48.03921568627451%;
  --dt-color-berry-600-a: 100%;
  --dt-color-berry-600-hsl: var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l);
  --dt-color-berry-600-hsla: hsl(var(--dt-color-berry-600-h) var(--dt-color-berry-600-s) var(--dt-color-berry-600-l) / var(--alpha, 100%));
  --dt-color-berry-600: #BF05F0;
  --dt-color-berry-500-h: 293.6405529953917;
  --dt-color-berry-500-s: 94.75982532751091%;
  --dt-color-berry-500-l: 55.09803921568628%;
  --dt-color-berry-500-a: 100%;
  --dt-color-berry-500-hsl: var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l);
  --dt-color-berry-500-hsla: hsl(var(--dt-color-berry-500-h) var(--dt-color-berry-500-s) var(--dt-color-berry-500-l) / var(--alpha, 100%));
  --dt-color-berry-500: #E220F9;
  --dt-color-berry-400-h: 303.03370786516854;
  --dt-color-berry-400-s: 91.75257731958763%;
  --dt-color-berry-400-l: 61.96078431372549%;
  --dt-color-berry-400-a: 100%;
  --dt-color-berry-400-hsl: var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l);
  --dt-color-berry-400-hsla: hsl(var(--dt-color-berry-400-h) var(--dt-color-berry-400-s) var(--dt-color-berry-400-l) / var(--alpha, 100%));
  --dt-color-berry-400: #F745EE;
  --dt-color-berry-300-h: 303.6923076923077;
  --dt-color-berry-300-s: 94.20289855072463%;
  --dt-color-berry-300-l: 72.94117647058823%;
  --dt-color-berry-300-a: 100%;
  --dt-color-berry-300-hsl: var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l);
  --dt-color-berry-300-hsla: hsl(var(--dt-color-berry-300-h) var(--dt-color-berry-300-s) var(--dt-color-berry-300-l) / var(--alpha, 100%));
  --dt-color-berry-300: #FB79F3;
  --dt-color-berry-200-h: 304.55696202531647;
  --dt-color-berry-200-s: 97.53086419753087%;
  --dt-color-berry-200-l: 84.11764705882354%;
  --dt-color-berry-200-a: 100%;
  --dt-color-berry-200-hsl: var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l);
  --dt-color-berry-200-hsla: hsl(var(--dt-color-berry-200-h) var(--dt-color-berry-200-s) var(--dt-color-berry-200-l) / var(--alpha, 100%));
  --dt-color-berry-200: #FEAFF8;
  --dt-color-berry-100-h: 304.8;
  --dt-color-berry-100-s: 100%;
  --dt-color-berry-100-l: 95.09803921568627%;
  --dt-color-berry-100-a: 100%;
  --dt-color-berry-100-hsl: var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l);
  --dt-color-berry-100-hsla: hsl(var(--dt-color-berry-100-h) var(--dt-color-berry-100-s) var(--dt-color-berry-100-l) / var(--alpha, 100%));
  --dt-color-berry-100: #FFE6FD;
  --dt-color-berry-50-h: 304;
  --dt-color-berry-50-s: 100%;
  --dt-color-berry-50-l: 97.05882352941177%;
  --dt-color-berry-50-a: 100%;
  --dt-color-berry-50-hsl: var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l);
  --dt-color-berry-50-hsla: hsl(var(--dt-color-berry-50-h) var(--dt-color-berry-50-s) var(--dt-color-berry-50-l) / var(--alpha, 100%));
  --dt-color-berry-50: #FFF0FE;
  --dt-color-tan-1000-h: 30;
  --dt-color-tan-1000-s: 10%;
  --dt-color-tan-1000-l: 3.9215686274509802%;
  --dt-color-tan-1000-a: 100%;
  --dt-color-tan-1000-hsl: var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l);
  --dt-color-tan-1000-hsla: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--alpha, 100%));
  --dt-color-tan-1000: #0B0A09;
  --dt-color-tan-950-h: 30;
  --dt-color-tan-950-s: 5%;
  --dt-color-tan-950-l: 7.8431372549019605%;
  --dt-color-tan-950-a: 100%;
  --dt-color-tan-950-hsl: var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l);
  --dt-color-tan-950-hsla: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--alpha, 100%));
  --dt-color-tan-950: #151413;
  --dt-color-tan-900-h: 30;
  --dt-color-tan-900-s: 3.571428571428571%;
  --dt-color-tan-900-l: 10.980392156862745%;
  --dt-color-tan-900-a: 100%;
  --dt-color-tan-900-hsl: var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l);
  --dt-color-tan-900-hsla: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--alpha, 100%));
  --dt-color-tan-900: #1D1C1B;
  --dt-color-tan-800-h: 30;
  --dt-color-tan-800-s: 5.263157894736842%;
  --dt-color-tan-800-l: 14.901960784313726%;
  --dt-color-tan-800-a: 100%;
  --dt-color-tan-800-hsl: var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l);
  --dt-color-tan-800-hsla: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--alpha, 100%));
  --dt-color-tan-800: #282624;
  --dt-color-tan-700-h: 20.000000000000046;
  --dt-color-tan-700-s: 2.4390243902439055%;
  --dt-color-tan-700-l: 24.11764705882353%;
  --dt-color-tan-700-a: 100%;
  --dt-color-tan-700-hsl: var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l);
  --dt-color-tan-700-hsla: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--alpha, 100%));
  --dt-color-tan-700: #3F3D3C;
  --dt-color-tan-600-h: 20.000000000000046;
  --dt-color-tan-600-s: 3.1250000000000036%;
  --dt-color-tan-600-l: 37.64705882352941%;
  --dt-color-tan-600-a: 100%;
  --dt-color-tan-600-hsl: var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l);
  --dt-color-tan-600-hsla: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--alpha, 100%));
  --dt-color-tan-600: #635F5D;
  --dt-color-tan-500-h: 24.999999999999982;
  --dt-color-tan-500-s: 4.761904761904767%;
  --dt-color-tan-500-l: 50.588235294117645%;
  --dt-color-tan-500-a: 100%;
  --dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);
  --dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
  --dt-color-tan-500: #87807B;
  --dt-color-tan-400-h: 20.000000000000124;
  --dt-color-tan-400-s: 5.027932960893867%;
  --dt-color-tan-400-l: 64.90196078431372%;
  --dt-color-tan-400-a: 100%;
  --dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);
  --dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
  --dt-color-tan-400: #AAA4A1;
  --dt-color-tan-300-h: 23.999999999999932;
  --dt-color-tan-300-s: 9.25925925925923%;
  --dt-color-tan-300-l: 78.82352941176471%;
  --dt-color-tan-300-a: 100%;
  --dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);
  --dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
  --dt-color-tan-300: #CEC8C4;
  --dt-color-tan-200-h: 25.714285714285854;
  --dt-color-tan-200-s: 10.144927536231851%;
  --dt-color-tan-200-l: 86.47058823529412%;
  --dt-color-tan-200-a: 100%;
  --dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);
  --dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
  --dt-color-tan-200: #E0DCD9;
  --dt-color-tan-100-h: 30;
  --dt-color-tan-100-s: 13.333333333333282%;
  --dt-color-tan-100-l: 94.11764705882352%;
  --dt-color-tan-100-a: 100%;
  --dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);
  --dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
  --dt-color-tan-100: #F2F0EE;
  --dt-color-tan-50-h: 30;
  --dt-color-tan-50-s: 12.499999999999956%;
  --dt-color-tan-50-l: 96.86274509803921%;
  --dt-color-tan-50-a: 100%;
  --dt-color-tan-50-hsl: var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l);
  --dt-color-tan-50-hsla: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--alpha, 100%));
  --dt-color-tan-50: #F8F7F6;
  --dt-color-red-1000-h: 344.44444444444446;
  --dt-color-red-1000-s: 93.10344827586206%;
  --dt-color-red-1000-l: 5.686274509803922%;
  --dt-color-red-1000-a: 100%;
  --dt-color-red-1000-hsl: var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l);
  --dt-color-red-1000-hsla: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--alpha, 100%));
  --dt-color-red-1000: #1C0108;
  --dt-color-red-900-h: 342.8571428571429;
  --dt-color-red-900-s: 100%;
  --dt-color-red-900-l: 10.980392156862745%;
  --dt-color-red-900-a: 100%;
  --dt-color-red-900-hsl: var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l);
  --dt-color-red-900-hsla: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--alpha, 100%));
  --dt-color-red-900: #380010;
  --dt-color-red-700-h: 342.39130434782606;
  --dt-color-red-700-s: 85.18518518518519%;
  --dt-color-red-700-l: 21.176470588235293%;
  --dt-color-red-700-a: 100%;
  --dt-color-red-700-hsl: var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l);
  --dt-color-red-700-hsla: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--alpha, 100%));
  --dt-color-red-700: #640823;
  --dt-color-red-600-h: 343.06451612903226;
  --dt-color-red-600-s: 72.94117647058823%;
  --dt-color-red-600-l: 33.33333333333333%;
  --dt-color-red-600-a: 100%;
  --dt-color-red-600-hsl: var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l);
  --dt-color-red-600-hsla: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--alpha, 100%));
  --dt-color-red-600: #93173A;
  --dt-color-red-500-h: 342.8571428571429;
  --dt-color-red-500-s: 100%;
  --dt-color-red-500-l: 34.31372549019608%;
  --dt-color-red-500-a: 100%;
  --dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);
  --dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
  --dt-color-red-500: #AF0032;
  --dt-color-red-450-h: 342.89855072463763;
  --dt-color-red-450-s: 91.18942731277534%;
  --dt-color-red-450-l: 44.509803921568626%;
  --dt-color-red-450-a: 100%;
  --dt-color-red-450-hsl: var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l);
  --dt-color-red-450-hsla: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--alpha, 100%));
  --dt-color-red-450: #D90A45;
  --dt-color-red-400-h: 342.96610169491527;
  --dt-color-red-400-s: 100%;
  --dt-color-red-400-l: 53.72549019607843%;
  --dt-color-red-400-a: 100%;
  --dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);
  --dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
  --dt-color-red-400: #FF1356;
  --dt-color-red-350-h: 351.7894736842105;
  --dt-color-red-350-s: 100%;
  --dt-color-red-350-l: 62.745098039215684%;
  --dt-color-red-350-a: 100%;
  --dt-color-red-350-hsl: var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l);
  --dt-color-red-350-hsla: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--alpha, 100%));
  --dt-color-red-350: #FF415B;
  --dt-color-red-300-h: 0.8333333333333304;
  --dt-color-red-300-s: 100%;
  --dt-color-red-300-l: 71.76470588235294%;
  --dt-color-red-300-a: 100%;
  --dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);
  --dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
  --dt-color-red-300: #FF716F;
  --dt-color-red-200-h: 4.6153846153846;
  --dt-color-red-200-s: 100%;
  --dt-color-red-200-l: 82.15686274509804%;
  --dt-color-red-200-a: 100%;
  --dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);
  --dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
  --dt-color-red-200: #FFABA4;
  --dt-color-red-100-h: 357.6923076923077;
  --dt-color-red-100-s: 100%;
  --dt-color-red-100-l: 94.90196078431372%;
  --dt-color-red-100-a: 100%;
  --dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);
  --dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
  --dt-color-red-100: #FFE5E6;
  --dt-color-red-50-h: 355.3846153846154;
  --dt-color-red-50-s: 100%;
  --dt-color-red-50-l: 97.45098039215686%;
  --dt-color-red-50-a: 100%;
  --dt-color-red-50-hsl: var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l);
  --dt-color-red-50-hsla: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--alpha, 100%));
  --dt-color-red-50: #FFF2F3;
  --dt-color-green-1000-h: 157.14285714285714;
  --dt-color-green-1000-s: 100%;
  --dt-color-green-1000-l: 4.117647058823529%;
  --dt-color-green-1000-a: 100%;
  --dt-color-green-1000-hsl: var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l);
  --dt-color-green-1000-hsla: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--alpha, 100%));
  --dt-color-green-1000: #00150D;
  --dt-color-green-900-h: 154.73684210526315;
  --dt-color-green-900-s: 95.00000000000001%;
  --dt-color-green-900-l: 7.8431372549019605%;
  --dt-color-green-900-a: 100%;
  --dt-color-green-900-hsl: var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l);
  --dt-color-green-900-hsla: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--alpha, 100%));
  --dt-color-green-900: #012717;
  --dt-color-green-600-h: 154.9367088607595;
  --dt-color-green-600-s: 100%;
  --dt-color-green-600-l: 15.490196078431373%;
  --dt-color-green-600-a: 100%;
  --dt-color-green-600-hsl: var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l);
  --dt-color-green-600-hsla: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--alpha, 100%));
  --dt-color-green-600: #004F2E;
  --dt-color-green-500-h: 154.64788732394368;
  --dt-color-green-500-s: 100%;
  --dt-color-green-500-l: 27.84313725490196%;
  --dt-color-green-500-a: 100%;
  --dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);
  --dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
  --dt-color-green-500: #008E52;
  --dt-color-green-475-h: 122.95081967213113;
  --dt-color-green-475-s: 57.009345794392516%;
  --dt-color-green-475-l: 41.96078431372549%;
  --dt-color-green-475-a: 100%;
  --dt-color-green-475-hsl: var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l);
  --dt-color-green-475-hsla: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--alpha, 100%));
  --dt-color-green-475: #2EA834;
  --dt-color-green-425-h: 103.8036809815951;
  --dt-color-green-425-s: 68.20083682008368%;
  --dt-color-green-425-l: 46.86274509803921%;
  --dt-color-green-425-a: 100%;
  --dt-color-green-425-hsl: var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l);
  --dt-color-green-425-hsla: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--alpha, 100%));
  --dt-color-green-425: #52C926;
  --dt-color-green-400-h: 88.01762114537445;
  --dt-color-green-400-s: 91.16465863453817%;
  --dt-color-green-400-l: 48.8235294117647%;
  --dt-color-green-400-a: 100%;
  --dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);
  --dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
  --dt-color-green-400: #84EE0B;
  --dt-color-green-350-h: 84.18848167539267;
  --dt-color-green-350-s: 95.97989949748742%;
  --dt-color-green-350-l: 60.98039215686274%;
  --dt-color-green-350-a: 100%;
  --dt-color-green-350-hsl: var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l);
  --dt-color-green-350-hsla: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--alpha, 100%));
  --dt-color-green-350: #AEFB3C;
  --dt-color-green-300-h: 80.14598540145985;
  --dt-color-green-300-s: 100%;
  --dt-color-green-300-l: 73.13725490196079%;
  --dt-color-green-300-a: 100%;
  --dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);
  --dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
  --dt-color-green-300: #D1FF76;
  --dt-color-green-200-h: 85.11627906976744;
  --dt-color-green-200-s: 100%;
  --dt-color-green-200-l: 83.13725490196077%;
  --dt-color-green-200-a: 100%;
  --dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);
  --dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
  --dt-color-green-200: #DBFFA9;
  --dt-color-green-100-h: 111.42857142857135;
  --dt-color-green-100-s: 53.84615384615383%;
  --dt-color-green-100-l: 94.90196078431372%;
  --dt-color-green-100-a: 100%;
  --dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);
  --dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
  --dt-color-green-100: #EDF9EB;
  --dt-color-green-50-h: 111.42857142857146;
  --dt-color-green-50-s: 53.84615384615385%;
  --dt-color-green-50-l: 97.45098039215688%;
  --dt-color-green-50-a: 100%;
  --dt-color-green-50-hsl: var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l);
  --dt-color-green-50-hsla: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--alpha, 100%));
  --dt-color-green-50: #F6FCF5;
  --dt-color-gold-1000-h: 34.83870967741936;
  --dt-color-gold-1000-s: 93.93939393939395%;
  --dt-color-gold-1000-l: 6.470588235294117%;
  --dt-color-gold-1000-a: 100%;
  --dt-color-gold-1000-hsl: var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l);
  --dt-color-gold-1000-hsla: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--alpha, 100%));
  --dt-color-gold-1000: #201301;
  --dt-color-gold-900-h: 35.714285714285715;
  --dt-color-gold-900-s: 91.30434782608695%;
  --dt-color-gold-900-l: 9.019607843137255%;
  --dt-color-gold-900-a: 100%;
  --dt-color-gold-900-hsl: var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l);
  --dt-color-gold-900-hsla: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--alpha, 100%));
  --dt-color-gold-900: #2C1B02;
  --dt-color-gold-700-h: 34.936708860759495;
  --dt-color-gold-700-s: 90.80459770114942%;
  --dt-color-gold-700-l: 17.058823529411764%;
  --dt-color-gold-700-a: 100%;
  --dt-color-gold-700-hsl: var(--dt-color-gold-70