:root {
  --color-void-canvas: #080808;
  --color-absolute-black: #000000;
  --color-charcoal-plate: #171617;
  --color-smoke-plate: #262525;
  --color-graphite-lift: #393939;
  --color-bone-white: #fcfcfc;
  --color-linen: #f3efef;
  --color-ash: #d4d2d2;
  --color-pebble: #b5b2b2;
  --color-iron: #525252;
  --color-arterial-red: #fe1e34;
  --color-crimson-pure: #ff0000;

  --background: var(--color-void-canvas);
  --foreground: var(--color-bone-white);
  --muted: var(--color-ash);
  --accent: var(--color-arterial-red);
  --accent-secondary: var(--color-crimson-pure);
  --surface-deep: var(--color-absolute-black);
  --surface-footer: var(--color-charcoal-plate);
  --surface-content: var(--color-smoke-plate);
  --surface-lift: var(--color-graphite-lift);
  --text-body: var(--color-linen);
  --text-secondary: var(--color-ash);
  --text-tertiary: var(--color-pebble);
  --border-subtle: var(--color-iron);
  --border-disabled: var(--color-pebble);
  --border-accent: var(--color-arterial-red);
}