:root {
  --is-dark-theme: true;
  color-scheme: dark;

  /* Brand Accents */
  --color-primary: #a855f7;
  --color-primary-contrast: #0a0a0a;
  --color-primary-dark-1: #c084fc;
  --color-primary-dark-2: #c084fc;
  --color-primary-dark-3: #d8b4fe;
  --color-primary-dark-4: #e9d5ff;
  --color-primary-dark-5: #f3e8ff;
  --color-primary-dark-6: #faf5ff;
  --color-primary-dark-7: #ffffff;
  --color-primary-light-1: #9333ea;
  --color-primary-light-2: #7e22ce;
  --color-primary-light-3: #6b21a8;
  --color-primary-light-4: #581c87;
  --color-primary-light-5: #3b0764;
  --color-primary-light-6: #2e0854;
  --color-primary-light-7: #1e053a;

  --color-primary-alpha-10: rgba(168, 85, 247, 0.1);
  --color-primary-alpha-20: rgba(168, 85, 247, 0.2);
  --color-primary-alpha-30: rgba(168, 85, 247, 0.3);
  --color-primary-alpha-40: rgba(168, 85, 247, 0.4);
  --color-primary-alpha-50: rgba(168, 85, 247, 0.5);
  --color-primary-alpha-60: rgba(168, 85, 247, 0.6);
  --color-primary-alpha-70: rgba(168, 85, 247, 0.7);
  --color-primary-alpha-80: rgba(168, 85, 247, 0.8);
  --color-primary-alpha-90: rgba(168, 85, 247, 0.9);

  --color-primary-hover: #9333ea;
  --color-primary-active: #7e22ce;

  /* Surfaces & Backgrounds */
  --color-body: #0a0a0a;
  --color-box-header: #111111;
  --color-box-body: #0f0f0f;
  --color-box-body-highlight: #1a1a1a;
  --color-header-wrapper: #0a0a0a;
  --color-footer: #0a0a0a;
  --color-nav-bg: #0a0a0a;
  --color-nav-hover-bg: #1a1a1a;
  --color-secondary-nav-bg: #0f0f0f;
  --color-menu: #0f0f0f;
  --color-card: #0f0f0f;
  --color-secondary-bg: #111111;

  /* Foreground Text */
  --color-text: #c8c8c8;
  --color-text-dark: #ffffff;
  --color-text-light: #888888;
  --color-text-light-1: #888888;
  --color-text-light-2: #555555;
  --color-text-light-3: #555555;
  --color-placeholder-text: #555555;
  --color-caret: #a855f7;

  /* Borders & Inputs */
  --color-secondary: #222222;
  --color-secondary-dark-1: #333333;
  --color-secondary-dark-2: #444444;
  --color-input-background: #0a0a0a;
  --color-input-toggle-background: #111111;
  --color-input-border: #222222;
  --color-input-border-hover: #333333;
  --color-input-text: #ffffff;
  --color-light-border: #222222;
  --color-timeline: #222222;

  /* Code / Markup */
  --color-markup-code-block: #0f0f0f;
  --color-markup-code-inline: #111111;
  --color-code-bg: #0f0f0f;
  --color-editor-line-highlight: #111111;

  /* Interactive Elements & Buttons */
  --color-button: #1a1a1a;
  --color-hover: #1a1a1a;
  --color-active: #222222;
  --color-accent: #a855f7;
  --color-small-accent: #7e22ce;
  --color-highlight-fg: #ffffff;
  --color-highlight-bg: rgba(168, 85, 247, 0.2);

  /* Shadows */
  --color-shadow: rgba(0, 0, 0, 0.65);
}

::selection {
  background: #a855f7 !important;
  color: #0a0a0a !important;
}

a {
  color: #a855f7;
}

a:hover {
  color: #ffffff;
}