/* Generated from base24 theme: Cyberpunk Neon */
/* Author: dorje */

:root {
  --base00: #0a0a12;
  --base01: #12121c;
  --base02: #1c1c2a;
  --base03: #4a4a5e;
  --base04: #7a7a90;
  --base05: #b8b8cc;
  --base06: #e8e8f0;
  --base07: #ffffff;
  --base08: #cc1440;
  --base09: #ff9100;
  --base0A: #d4a800;
  --base0B: #6a1848;
  --base0C: #ffd000;
  --base0D: #00c8e0;
  --base0E: #00cc66;
  --base0F: #ff6d00;
  --base10: #060609;
  --base11: #030305;
  --base12: #ff4d6a;
  --base13: #fff14d;
  --base14: #ff2d95;
  --base15: #33eeff;
  --base16: #40e8ff;
  --base17: #33ff8e;

  /* Backgrounds */
  --bg-primary: var(--base00);
  --bg-secondary: var(--base01);
  --bg-tertiary: var(--base02);
  --bg-hover: var(--base02);
  --bg-selection: var(--base02);
  --bg-deep: var(--base10);
  --bg-deepest: var(--base11);

  /* Text */
  --text-muted: var(--base03);
  --text-secondary: var(--base04);
  --text-primary: var(--base05);
  --text-heading: var(--base06);

  /* Borders */
  --border-default: var(--base02);
  --border-accent: var(--base03);

  /* Accent colors (fill-weight) */
  --color-red: var(--base08);
  --color-orange: var(--base09);
  --color-yellow: var(--base0A);
  --color-green: var(--base0B);
  --color-cyan: var(--base0C);
  --color-blue: var(--base0D);
  --color-purple: var(--base0E);
  --color-brown: var(--base0F);

  /* Bright accent colors (text-weight) */
  --color-bright-red: var(--base12);
  --color-bright-yellow: var(--base13);
  --color-bright-green: var(--base14);
  --color-bright-cyan: var(--base15);
  --color-bright-blue: var(--base16);
  --color-bright-magenta: var(--base17);

  /* Role-based aliases */
  --accent-text: var(--base14);
  --accent-fill: var(--base0B);
  --accent-fill-hover: var(--base14);
  --accent-border: var(--base0B);
  --danger: var(--base08);
  --danger-text: var(--base12);

  /* Functional colors */
  --error: var(--base08);
  --warning: var(--base0A);
  --success: var(--base0B);
  --info: var(--base0D);
  --diff-added: var(--color-green);
  --diff-removed: var(--color-red);

  /* Links */
  --link-default: var(--base0D);
  --link-hover: var(--base0C);

  /* Buttons */
  --btn-text: var(--base13);
  --btn-primary: var(--base0D);
  --btn-primary-hover: var(--base0C);
  --btn-danger: var(--base08);
  --btn-danger-hover: var(--base09);
}

:root {
  --font-body: Share Tech Mono, monospace;
  --font-heading: 'Lacquer', system-ui;
  --font-ui: Share Tech Mono, monospace;
  --heading-size-multiplier: 1;
  --body-size-multiplier: 1.125;
}
html {
  font-size: calc(16px * var(--body-size-multiplier, 1));
}
h1 { font-size: calc(32px * var(--heading-size-multiplier, 1)); }
h2 { font-size: calc(24px * var(--heading-size-multiplier, 1)); }
h3 { font-size: calc(20px * var(--heading-size-multiplier, 1)); }
h4 { font-size: calc(18px * var(--heading-size-multiplier, 1)); }
h5 { font-size: calc(16px * var(--heading-size-multiplier, 1)); }
h6 { font-size: calc(14px * var(--heading-size-multiplier, 1)); }