@dialpad/dialtone-css/lib/dist/tokens/tokens-debug-base.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: 22;
  --dt-shadow-card-3-color-s: 100%;
  --dt-shadow-card-3-color-l: 50%;
  --dt-shadow-card-3-color-a: 100%;
  --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: #ff5c00;
  --dt-shadow-card-2-type: dropShadow;
  --dt-shadow-card-2-color-h: 22;
  --dt-shadow-card-2-color-s: 100%;
  --dt-shadow-card-2-color-l: 50%;
  --dt-shadow-card-2-color-a: 100%;
  --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: #ff5c00;
  --dt-shadow-card-1-type: dropShadow;
  --dt-shadow-card-1-color-h: 22;
  --dt-shadow-card-1-color-s: 100%;
  --dt-shadow-card-1-color-l: 50%;
  --dt-shadow-card-1-color-a: 100%;
  --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: #ff5c00;
  --dt-shadow-extra-large-type: dropShadow;
  --dt-shadow-extra-large-color-h: 22;
  --dt-shadow-extra-large-color-s: 100%;
  --dt-shadow-extra-large-color-l: 50%;
  --dt-shadow-extra-large-color-a: 100%;
  --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: #ff5c00;
  --dt-shadow-large-type: dropShadow;
  --dt-shadow-large-color-h: 22;
  --dt-shadow-large-color-s: 100%;
  --dt-shadow-large-color-l: 50%;
  --dt-shadow-large-color-a: 100%;
  --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: #ff5c00;
  --dt-shadow-medium-type: dropShadow;
  --dt-shadow-medium-color-h: 22;
  --dt-shadow-medium-color-s: 100%;
  --dt-shadow-medium-color-l: 50%;
  --dt-shadow-medium-color-a: 100%;
  --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: #ff5c00;
  --dt-shadow-small-type: dropShadow;
  --dt-shadow-small-color-h: 22;
  --dt-shadow-small-color-s: 100%;
  --dt-shadow-small-color-l: 50%;
  --dt-shadow-small-color-a: 100%;
  --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: #ff5c00;
  --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: 22;
  --dt-color-brand-gold-s: 100%;
  --dt-color-brand-gold-l: 50%;
  --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: #ff5c00; /* Typically used as an accent color. */
  --dt-color-brand-red-h: 22;
  --dt-color-brand-red-s: 100%;
  --dt-color-brand-red-l: 50%;
  --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: #ff5c00; /* Typically used as an accent color. */
  --dt-color-brand-magenta-h: 22;
  --dt-color-brand-magenta-s: 100%;
  --dt-color-brand-magenta-l: 50%;
  --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: #ff5c00; /* Typically used as an accent color. */
  --dt-color-brand-purple-h: 22;
  --dt-color-brand-purple-s: 100%;
  --dt-color-brand-purple-l: 50%;
  --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: #ff5c00; /* Primary brand color. */
  --dt-color-gradient-gold-red-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
  --dt-color-indigo-1000-h: 22;
  --dt-color-indigo-1000-s: 100%;
  --dt-color-indigo-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-950-h: 22;
  --dt-color-indigo-950-s: 100%;
  --dt-color-indigo-950-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-900-h: 22;
  --dt-color-indigo-900-s: 100%;
  --dt-color-indigo-900-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-800-h: 22;
  --dt-color-indigo-800-s: 100%;
  --dt-color-indigo-800-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-700-h: 22;
  --dt-color-indigo-700-s: 100%;
  --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: #ff5c00;
  --dt-color-indigo-600-h: 22;
  --dt-color-indigo-600-s: 100%;
  --dt-color-indigo-600-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-500-h: 22;
  --dt-color-indigo-500-s: 100%;
  --dt-color-indigo-500-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-400-h: 22;
  --dt-color-indigo-400-s: 100%;
  --dt-color-indigo-400-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-300-h: 22;
  --dt-color-indigo-300-s: 100%;
  --dt-color-indigo-300-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-200-h: 22;
  --dt-color-indigo-200-s: 100%;
  --dt-color-indigo-200-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-100-h: 22;
  --dt-color-indigo-100-s: 100%;
  --dt-color-indigo-100-l: 50%;
  --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: #ff5c00;
  --dt-color-indigo-50-h: 22;
  --dt-color-indigo-50-s: 100%;
  --dt-color-indigo-50-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-1000-h: 22;
  --dt-color-teal-1000-s: 100%;
  --dt-color-teal-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-950-h: 22;
  --dt-color-teal-950-s: 100%;
  --dt-color-teal-950-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-900-h: 22;
  --dt-color-teal-900-s: 100%;
  --dt-color-teal-900-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-800-h: 22;
  --dt-color-teal-800-s: 100%;
  --dt-color-teal-800-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-700-h: 22;
  --dt-color-teal-700-s: 100%;
  --dt-color-teal-700-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-600-h: 22;
  --dt-color-teal-600-s: 100%;
  --dt-color-teal-600-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-500-h: 22;
  --dt-color-teal-500-s: 100%;
  --dt-color-teal-500-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-400-h: 22;
  --dt-color-teal-400-s: 100%;
  --dt-color-teal-400-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-300-h: 22;
  --dt-color-teal-300-s: 100%;
  --dt-color-teal-300-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-200-h: 22;
  --dt-color-teal-200-s: 100%;
  --dt-color-teal-200-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-100-h: 22;
  --dt-color-teal-100-s: 100%;
  --dt-color-teal-100-l: 50%;
  --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: #ff5c00;
  --dt-color-teal-50-h: 22;
  --dt-color-teal-50-s: 100%;
  --dt-color-teal-50-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-1000-h: 22;
  --dt-color-olive-1000-s: 100%;
  --dt-color-olive-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-950-h: 22;
  --dt-color-olive-950-s: 100%;
  --dt-color-olive-950-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-900-h: 22;
  --dt-color-olive-900-s: 100%;
  --dt-color-olive-900-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-800-h: 22;
  --dt-color-olive-800-s: 100%;
  --dt-color-olive-800-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-700-h: 22;
  --dt-color-olive-700-s: 100%;
  --dt-color-olive-700-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-600-h: 22;
  --dt-color-olive-600-s: 100%;
  --dt-color-olive-600-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-500-h: 22;
  --dt-color-olive-500-s: 100%;
  --dt-color-olive-500-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-400-h: 22;
  --dt-color-olive-400-s: 100%;
  --dt-color-olive-400-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-300-h: 22;
  --dt-color-olive-300-s: 100%;
  --dt-color-olive-300-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-200-h: 22;
  --dt-color-olive-200-s: 100%;
  --dt-color-olive-200-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-100-h: 22;
  --dt-color-olive-100-s: 100%;
  --dt-color-olive-100-l: 50%;
  --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: #ff5c00;
  --dt-color-olive-50-h: 22;
  --dt-color-olive-50-s: 100%;
  --dt-color-olive-50-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-1000-h: 22;
  --dt-color-coral-1000-s: 100%;
  --dt-color-coral-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-950-h: 22;
  --dt-color-coral-950-s: 100%;
  --dt-color-coral-950-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-900-h: 22;
  --dt-color-coral-900-s: 100%;
  --dt-color-coral-900-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-800-h: 22;
  --dt-color-coral-800-s: 100%;
  --dt-color-coral-800-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-700-h: 22;
  --dt-color-coral-700-s: 100%;
  --dt-color-coral-700-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-600-h: 22;
  --dt-color-coral-600-s: 100%;
  --dt-color-coral-600-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-500-h: 22;
  --dt-color-coral-500-s: 100%;
  --dt-color-coral-500-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-400-h: 22;
  --dt-color-coral-400-s: 100%;
  --dt-color-coral-400-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-300-h: 22;
  --dt-color-coral-300-s: 100%;
  --dt-color-coral-300-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-200-h: 22;
  --dt-color-coral-200-s: 100%;
  --dt-color-coral-200-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-100-h: 22;
  --dt-color-coral-100-s: 100%;
  --dt-color-coral-100-l: 50%;
  --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: #ff5c00;
  --dt-color-coral-50-h: 22;
  --dt-color-coral-50-s: 100%;
  --dt-color-coral-50-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-1000-h: 22;
  --dt-color-berry-1000-s: 100%;
  --dt-color-berry-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-950-h: 22;
  --dt-color-berry-950-s: 100%;
  --dt-color-berry-950-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-900-h: 22;
  --dt-color-berry-900-s: 100%;
  --dt-color-berry-900-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-800-h: 22;
  --dt-color-berry-800-s: 100%;
  --dt-color-berry-800-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-700-h: 22;
  --dt-color-berry-700-s: 100%;
  --dt-color-berry-700-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-600-h: 22;
  --dt-color-berry-600-s: 100%;
  --dt-color-berry-600-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-500-h: 22;
  --dt-color-berry-500-s: 100%;
  --dt-color-berry-500-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-400-h: 22;
  --dt-color-berry-400-s: 100%;
  --dt-color-berry-400-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-300-h: 22;
  --dt-color-berry-300-s: 100%;
  --dt-color-berry-300-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-200-h: 22;
  --dt-color-berry-200-s: 100%;
  --dt-color-berry-200-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-100-h: 22;
  --dt-color-berry-100-s: 100%;
  --dt-color-berry-100-l: 50%;
  --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: #ff5c00;
  --dt-color-berry-50-h: 22;
  --dt-color-berry-50-s: 100%;
  --dt-color-berry-50-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-1000-h: 22;
  --dt-color-tan-1000-s: 100%;
  --dt-color-tan-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-950-h: 22;
  --dt-color-tan-950-s: 100%;
  --dt-color-tan-950-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-900-h: 22;
  --dt-color-tan-900-s: 100%;
  --dt-color-tan-900-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-800-h: 22;
  --dt-color-tan-800-s: 100%;
  --dt-color-tan-800-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-700-h: 22;
  --dt-color-tan-700-s: 100%;
  --dt-color-tan-700-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-600-h: 22;
  --dt-color-tan-600-s: 100%;
  --dt-color-tan-600-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-500-h: 22;
  --dt-color-tan-500-s: 100%;
  --dt-color-tan-500-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-400-h: 22;
  --dt-color-tan-400-s: 100%;
  --dt-color-tan-400-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-300-h: 22;
  --dt-color-tan-300-s: 100%;
  --dt-color-tan-300-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-200-h: 22;
  --dt-color-tan-200-s: 100%;
  --dt-color-tan-200-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-100-h: 22;
  --dt-color-tan-100-s: 100%;
  --dt-color-tan-100-l: 50%;
  --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: #ff5c00;
  --dt-color-tan-50-h: 22;
  --dt-color-tan-50-s: 100%;
  --dt-color-tan-50-l: 50%;
  --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: #ff5c00;
  --dt-color-red-1000-h: 22;
  --dt-color-red-1000-s: 100%;
  --dt-color-red-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-red-900-h: 22;
  --dt-color-red-900-s: 100%;
  --dt-color-red-900-l: 50%;
  --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: #ff5c00;
  --dt-color-red-700-h: 22;
  --dt-color-red-700-s: 100%;
  --dt-color-red-700-l: 50%;
  --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: #ff5c00;
  --dt-color-red-600-h: 22;
  --dt-color-red-600-s: 100%;
  --dt-color-red-600-l: 50%;
  --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: #ff5c00;
  --dt-color-red-500-h: 22;
  --dt-color-red-500-s: 100%;
  --dt-color-red-500-l: 50%;
  --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: #ff5c00;
  --dt-color-red-450-h: 22;
  --dt-color-red-450-s: 100%;
  --dt-color-red-450-l: 50%;
  --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: #ff5c00;
  --dt-color-red-400-h: 22;
  --dt-color-red-400-s: 100%;
  --dt-color-red-400-l: 50%;
  --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: #ff5c00;
  --dt-color-red-350-h: 22;
  --dt-color-red-350-s: 100%;
  --dt-color-red-350-l: 50%;
  --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: #ff5c00;
  --dt-color-red-300-h: 22;
  --dt-color-red-300-s: 100%;
  --dt-color-red-300-l: 50%;
  --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: #ff5c00;
  --dt-color-red-200-h: 22;
  --dt-color-red-200-s: 100%;
  --dt-color-red-200-l: 50%;
  --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: #ff5c00;
  --dt-color-red-100-h: 22;
  --dt-color-red-100-s: 100%;
  --dt-color-red-100-l: 50%;
  --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: #ff5c00;
  --dt-color-red-50-h: 22;
  --dt-color-red-50-s: 100%;
  --dt-color-red-50-l: 50%;
  --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: #ff5c00;
  --dt-color-green-1000-h: 22;
  --dt-color-green-1000-s: 100%;
  --dt-color-green-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-green-900-h: 22;
  --dt-color-green-900-s: 100%;
  --dt-color-green-900-l: 50%;
  --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: #ff5c00;
  --dt-color-green-600-h: 22;
  --dt-color-green-600-s: 100%;
  --dt-color-green-600-l: 50%;
  --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: #ff5c00;
  --dt-color-green-500-h: 22;
  --dt-color-green-500-s: 100%;
  --dt-color-green-500-l: 50%;
  --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: #ff5c00;
  --dt-color-green-475-h: 22;
  --dt-color-green-475-s: 100%;
  --dt-color-green-475-l: 50%;
  --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: #ff5c00;
  --dt-color-green-425-h: 22;
  --dt-color-green-425-s: 100%;
  --dt-color-green-425-l: 50%;
  --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: #ff5c00;
  --dt-color-green-400-h: 22;
  --dt-color-green-400-s: 100%;
  --dt-color-green-400-l: 50%;
  --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: #ff5c00;
  --dt-color-green-350-h: 22;
  --dt-color-green-350-s: 100%;
  --dt-color-green-350-l: 50%;
  --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: #ff5c00;
  --dt-color-green-300-h: 22;
  --dt-color-green-300-s: 100%;
  --dt-color-green-300-l: 50%;
  --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: #ff5c00;
  --dt-color-green-200-h: 22;
  --dt-color-green-200-s: 100%;
  --dt-color-green-200-l: 50%;
  --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: #ff5c00;
  --dt-color-green-100-h: 22;
  --dt-color-green-100-s: 100%;
  --dt-color-green-100-l: 50%;
  --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: #ff5c00;
  --dt-color-green-50-h: 22;
  --dt-color-green-50-s: 100%;
  --dt-color-green-50-l: 50%;
  --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: #ff5c00;
  --dt-color-gold-1000-h: 22;
  --dt-color-gold-1000-s: 100%;
  --dt-color-gold-1000-l: 50%;
  --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: #ff5c00;
  --dt-color-gold-900-h: 22;
  --dt-color-gold-900-s: 100%;
  --dt-color-gold-900-l: 50%;
  --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: #ff5c00;
  --dt-color-gold-700-h: 22;
  --dt-color-gold-700-s: 100%;
  --dt-color-gold-700-l: 50%;
  --dt-color-gold-700-a: 100%;
  --dt-color-gold-700-hsl: var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l);
  --dt-color-gold-700-hsla: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--alpha, 100%));
  --dt-color-gold-700: #ff5c00;
  --dt-color-gold-600-h: 22;
  --dt-color-gold-600-s: 100%;
  --dt-color-gold-600-l: 50%;
  --dt-color-gold-600-a: 100%;
  --dt-color-gold-600-hsl: var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l);
  --dt-color-gold-600-hsla: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--alpha, 100%));
  --dt-color-gold-600: #ff5c00;
  --dt-color-gold-500-h: 22;
  --dt-color-gold-500-s: 100%;
  --dt-color-gold-500-l: 50%;
  --dt-color-gold-500-a: 100%;
  --dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);
  --dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
  --dt-color-gold-500: #ff5c00;
  --dt-color-gold-450-h: 22;
  --dt-color-gold-450-s: 100%;
  --dt-color-gold-450-l: 50%;
  --dt-color-gold-450-a: 100%;
  --dt-color-gold-450-hsl: var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l);
  --dt-color-gold-450-hsla: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--alpha, 100%));
  --dt-color-gold-450: #ff5c00;
  --dt-color-gold-400-h: 22;
  --dt-color-gold-400-s: 100%;
  --dt-color-gold-400-l: 50%;
  --dt-color-gold-400-a: 100%;
  --dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);
  --dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
  --dt-color-gold-400: #ff5c00;
  --dt-color-gold-350-h: 22;
  --dt-color-gold-350-s: 100%;
  --dt-color-gold-350-l: 50%;
  --dt-color-gold-350-a: 100%;
  --dt-color-gold-350-hsl: var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l);
  --dt-color-gold-350-hsla: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--alpha, 100%));
  --dt-color-gold-350: #ff5c00;
  --dt-color-gold-300-h: 22;
  --dt-color-gold-300-s: 100%;
  --dt-color-gold-300-l: 50%;
  --dt-color-gold-300-a: 100%;
  --dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);
  --dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
  --dt-color-gold-300: #ff5c00;
  --dt-color-gold-200-h: 22;
  --dt-color-gold-200-s: 100%;
  --dt-color-gold-200-l: 50%;
  --dt-color-gold-200-a: 100%;
  --dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);
  --dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
  --dt-color-gold-200: #ff5c00;
  --dt-color-gold-100-h: 22;
  --dt-color-gold-100-s: 100%;
  --dt-color-gold-100-l: 50%;
  --dt-color-gold-100-a: 100%;
  --dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);
  --dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
  --dt-color-gold-100: #ff5c00;
  --dt-color-gold-50-h: 22;
  --dt-color-gold-50-s: 100%;
  --dt-color-gold-50-l: 50%;
  --dt-color-gold-50-a: 100%;
  --dt-color-gold-50-hsl: var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l);
  --dt-color-gold-50-hsla: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--alpha, 100%));
  --dt-color-gold-50: #ff5c00;
  --dt-color-magenta-1000-h: 22;
  --dt-color-magenta-1000-s: 100%;
  --dt-color-magenta-1000-l: 50%;
  --dt-color-magenta-1000-a: 100%;
  --dt-color-magenta-1000-hsl: var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l);
  --dt-color-magenta-1000-hs