/* Generated from base24 theme: Seventh Sea Parchment */
/* Author: dorje */

:root {
  --base00: #3a2418;
  --base01: #f5ece0;
  --base02: #ebe0d0;
  --base03: #9a8a78;
  --base04: #6b5c4c;
  --base05: #3a3028;
  --base06: #2c1810;
  --base07: #1a0f08;
  --base08: #8b2500;
  --base09: #b8860b;
  --base0A: #c9a900;
  --base0B: #5a1a2a;
  --base0C: #b8860b;
  --base0D: #7b2d3b;
  --base0E: #6c3483;
  --base0F: #784212;
  --base10: #2c1a10;
  --base11: #1e1008;
  --base12: #6b1800;
  --base13: #8a6b00;
  --base14: #5a1020;
  --base15: #5a1020;
  --base16: #5b1a2a;
  --base17: #4a1a5e;

  /* 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(--base01);
  --btn-primary: var(--base0D);
  --btn-primary-hover: var(--base0C);
  --btn-danger: var(--base08);
  --btn-danger-hover: var(--base09);
}

:root {
  --font-body: EB Garamond, serif;
  --font-heading: Cinzel, serif;
  --font-ui: EB Garamond, serif;
  --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)); }