:root {
  --bg-1: #0a0a0a;
  --bg0: #0f0f0f;
  --bg1: #151515;
  --bg2: #1e1e1e;
  --bg3: #282828;
  --fg0: #ffffff;
  --fg1: #d0d0d0;
  --fg2: #8a8a8a;
  --accent: #3a3a3a;
  --focus: #6f6f6f;
  --urgent: #b85450;
  --urgent-hover: #a04743;
  --warning: #b8853d;
  --warning-hover: #a47235;
  --success: #6b9b7a;
  --success-hover: #5e8a6b;
  --info: #5a8cc7;
  --info-hover: #4e7bb0;
  --purple: #7a5a8b;

  --shadow-sm-light: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --shadow-sm-dark: 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-sm: var(--shadow-sm-light), var(--shadow-sm-dark);

  --shadow-md-light: inset 0 1px 1px rgba(255, 255, 255, 0.1);
  --shadow-md-dark: 0 4px 8px rgba(0, 0, 0, 0.6);
  --shadow-md: var(--shadow-md-light), var(--shadow-md-dark);

  --shadow-lg-light: inset 0 2px 2px rgba(255, 255, 255, 0.12);
  --shadow-lg-dark: 0 8px 16px rgba(0, 0, 0, 0.7);
  --shadow-lg: var(--shadow-lg-light), var(--shadow-lg-dark);

  --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.4),
    inset 0 -1px 1px rgba(255, 255, 255, 0.05);
}