:root {
  --color-base: #FFFFFF;
  --color-soft: #F7F7F7;
  --color-muted: #EDEDED;
  --color-dark: #1B1C1C;
  --color-surface: #E2E3E3;
  --color-surface-elev: #D2D3D3;

  --color-ink: #1B1C1C;
  --color-ink-strong: #000000;
  --color-ink-muted: #565959;
  --color-ink-subtle: #959999;
  --color-ink-invert: #FFFFFF;

  --color-line: #CDCECE;
  --color-line-strong: #A3A5A5;
  --color-divider: #E5E5E5;

  --color-logo-blue: #2780BF;
  --color-logo-gray: #7B7F7F;

  --color-accent: #2780BF;
  --color-accent-hover: #20699D;
  --color-accent-soft: #E1EDF6;
  --color-accent-strong: #19527A;
  --color-accent-fg: #FFFFFF;

  --color-warning: #E0A823;
  --color-warning-soft: #FBF3E0;
  --color-warning-strong: #8F6C16;

  --color-danger: #C0392B;
  --color-danger-soft: #F6E3E1;
  --color-danger-strong: #7B241C;

  --color-success: #2D9966;
  --color-success-soft: #E2F1EA;
  --color-success-strong: #1D6241;
}