:root {
  --dlc-primary: #bd0000;
  --dlc-primary-hover: #a30000;
  --dlc-primary-pressed: #8a0000;
  --dlc-primary-bright: #d4101a;
  --dlc-primary-soft: #f7e4e4;
  --dlc-on-primary: #ffffff;
  --dlc-gradient-brand:
    linear-gradient(
      135deg,
      #d4101a 0%,
      #bd0000 100%); /* @kind color */
  
  --dlc-ink: #0a0a0a;
  --dlc-charcoal: #2e2e2e;
  --dlc-muted: #6b6b6b;
  --dlc-faint: #9a9a9a;
  --dlc-surface: #ffffff;
  --dlc-surface-subtle: #f5f5f5;
  --dlc-surface-muted: #ececec;
  --dlc-border: #e6e6e6;
  --dlc-border-strong: #cfcfcf;
  --dlc-success: #1f7a4d;
  --dlc-success-soft: #e6f4ec;
  --dlc-warning: #b26a00;
  --dlc-warning-soft: #fbf1e2;
  --dlc-error: #ce2b2b;
  --dlc-error-soft: #fbe9e9;
  --dlc-info: #1a6fb0;
  --dlc-info-soft: #e6f0f8;
}