:root {
  /* 基礎顏色 */
  --c-bg-light: 255, 255, 255;
  --c-bg-dark: 30, 30, 32;
  --c-text-light: 60, 60, 67;
  --c-text-dark: 245, 245, 240;
  --c-border-light: #cccccc;
  --c-border-dark: #555555;

  /* 主要配色 */
  --c-brand-primary: 86, 134, 163;
  --c-brand-secondary: 146, 204, 220;
  --c-brand-tertiary: 79, 138, 187;
  --c-brand-quaternary: 65, 115, 156;
  --c-brand-light: 221, 248, 255;
  --c-brand-dark: 40, 71, 113;
  --c-brand-danger: 192, 0, 0;

  /* 提示窗配色 */
  --c-dialog-bg: 221, 248, 255;
  --c-dialog-text: 40, 71, 113;
}

:root {
  --c-bg: var(--c-bg-light);
  --c-bg-inverse: var(--c-bg-dark);
  --c-text: var(--c-text-light);
  --c-text-inverse: var(--c-text-dark);
  --c-border: var(--c-border-light);
}

/* .dark {
  --c-bg: var(--c-bg-dark);
  --c-bg-inverse: var(--c-bg-light);
  --c-text: var(--c-text-dark);
  --c-text-inverse: var(--c-text-light);
  --c-border: var(--c-border-dark);
} */