/* Generated from base24 theme: WTA Dark */
/* Author: dorje */

:root {
  --base00: #232a2e;
  --base01: #2a3337;
  --base02: #333e43;
  --base03: #6b7d75;
  --base04: #8da097;
  --base05: #d3c6aa;
  --base06: #e5d5b1;
  --base07: #f0ead4;
  --base08: #e67e80;
  --base09: #e69875;
  --base0A: #dbbc7f;
  --base0B: #4a7a6a;
  --base0C: #7fbbb3;
  --base0D: #a7c080;
  --base0E: #d699b6;
  --base0F: #9da09a;
  --base10: #1a2024;
  --base11: #131819;
  --base12: #f09090;
  --base13: #e8cc88;
  --base14: #d4b870;
  --base15: #e6aaca;
  --base16: #b8d898;
  --base17: #9ad0ca;

  /* 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: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --heading-size-multiplier: 1;
  --body-size-multiplier: 1;
}
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)); }