:root,
[data-bs-theme="light"] {
  color-scheme: light;
  --dsq-background: #f2f2f7;
  --dsq-surface: #fff;
  --dsq-surface-alt: #e9e9ee;
  --dsq-fill: rgb(118 118 128 / 12%);
  --dsq-fill-strong: rgb(118 118 128 / 18%);
  --dsq-separator: rgb(60 60 67 / 19%);
  --dsq-label: #000;
  --dsq-label-secondary: #1c1c1e;
  --dsq-label-tertiary: #6c6c70;
  --dsq-label-quaternary: #a1a1a6;
  --dsq-chevron: rgb(60 60 67 / 30%);
  --dsq-accent: #c33f1a;
  --dsq-on-accent: #fff;
  --dsq-accent-soft: rgb(195 63 26 / 10%);
  --dsq-warning: #b25000;
  --dsq-warning-soft: rgb(178 80 0 / 10%);
  --dsq-danger: #d70015;
  --dsq-danger-soft: rgb(215 0 21 / 10%);
  --dsq-success: #0a7c66;
  --dsq-success-soft: rgb(10 124 102 / 12%);
  --dsq-icon-neutral: #8e8e93;
  --dsq-icon-locked: #c7c7cc;
  --dsq-segment-selected: #fff;
  --dsq-segment-shadow: rgb(0 0 0 / 12%);
  --dsq-shadow: rgb(0 0 0 / 8%);
  --dsq-r-card: 12px;
  --dsq-r-sheet: 14px;
  --dsq-r-button: 12px;
  --dsq-r-field: 11px;
  --dsq-r-search: 10px;
  --dsq-r-icon: 7px;
  --dsq-r-brand: 8px;
  --dsq-r-brand-large: 14px;
  --dsq-r-control: 6px;
  --dsq-r-segment: 7px;
  --dsq-r-segment-inner: 5px;
  --dsq-r-badge: 5px;
  --dsq-gutter: 16px;
  --dsq-group-gap: 26px;
  --dsq-row-min-height: 47px;
  --dsq-row-pad-h: 14px;
  --dsq-row-pad-v: 10px;
  --dsq-block-gap: 16px;
  --dsq-hairline: 1px;
  --dsq-sidebar-collapsed-width: 4.5rem;
  --dsq-type-large-title: 700 33px/1.15 var(--dsq-font-family);
  --dsq-type-title: 600 20px/1.2 var(--dsq-font-family);
  --dsq-type-panel: 600 15px/1.3 var(--dsq-font-family);
  --dsq-type-body: 400 14.5px/1.45 var(--dsq-font-family);
  --dsq-type-caption: 400 13px/1.45 var(--dsq-font-family);
  --dsq-type-metric: 600 25px/1.2 var(--dsq-font-family);
  --dsq-font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --dsq-card-pad-h: 15px;
  --dsq-card-pad-v: 14px;
  --tblr-body-bg: var(--dsq-background);
  --tblr-body-color: var(--dsq-label);
  --tblr-bg-surface: var(--dsq-surface);
  --tblr-bg-surface-secondary: var(--dsq-surface-alt);
  --tblr-border-color: var(--dsq-separator);
  --tblr-secondary-color: var(--dsq-label-tertiary);
  --tblr-primary: var(--dsq-accent);
  --tblr-primary-rgb: 195, 63, 26;
  --tblr-success: var(--dsq-success);
  --tblr-danger: var(--dsq-danger);
  --tblr-link-color: var(--dsq-accent);
  --tblr-link-hover-color: var(--dsq-accent);
  --tblr-bg-surface-tertiary: var(--dsq-fill);
  --tblr-border-color-translucent: var(--dsq-separator);
}
[data-bs-theme="dark"] {
  color-scheme: dark;
  --dsq-background: #000;
  --dsq-surface: #1c1c1e;
  --dsq-surface-alt: #2c2c2e;
  --dsq-fill: rgb(120 120 128 / 24%);
  --dsq-fill-strong: rgb(120 120 128 / 32%);
  --dsq-separator: rgb(84 84 88 / 45%);
  --dsq-label: #fff;
  --dsq-label-secondary: #ebebf5;
  --dsq-label-tertiary: #98989e;
  --dsq-label-quaternary: #6c6c70;
  --dsq-chevron: rgb(235 235 245 / 40%);
  --dsq-accent: #ff5e3a;
  --dsq-on-accent: #1a0905;
  --dsq-accent-soft: rgb(255 94 58 / 15%);
  --dsq-warning: #ffb340;
  --dsq-warning-soft: rgb(255 179 64 / 12%);
  --dsq-danger: #ff453a;
  --dsq-danger-soft: rgb(255 69 58 / 12%);
  --dsq-success: #3ddcb0;
  --dsq-success-soft: rgb(61 220 176 / 12%);
  --dsq-icon-neutral: #8e8e93;
  --dsq-icon-locked: #48484a;
  --dsq-segment-selected: #636366;
  --dsq-segment-shadow: transparent;
  --dsq-shadow: rgb(0 0 0 / 35%);
  --tblr-primary-rgb: 255, 94, 58;
}