/* GENERATED by website/build.py from src/hermitcrm/static/tokens.css.
   Do not edit: change tokens.css (the app's defaults) and rebuild. */

/* brand and type, the same on the site as in the app */
:root {
  --brand: #1E8A60;
  --ink: #17181A;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --serif: ui-serif, "Iowan Old Style", Charter, "Bitstream Charter", Georgia, serif;
}

/* the app's palette, only inside the drawn app */
.mock-box {
  color-scheme: light;
  --title-font: var(--serif);
  --bg: light-dark(#f5f1e8, #1c1b18);
  --surface: light-dark(#fbf9f4, #24221e);
  --surface-2: light-dark(#f2eee6, #292723);
  --subtle: light-dark(#ece7dc, #302d28);
  --text: light-dark(#17181a, #ece7dc);
  --muted: light-dark(#5c574e, #a8a193);
  --faint: light-dark(#8f8778, #7a7264);
  --line: light-dark(#d2c8b4, #3f3a33);
  --line-strong: light-dark(#8f8778, #7a7264);
  --accent: light-dark(#166b4a, #6bc49a);
  --danger: light-dark(#b00020, #ff7a8a);
  --info-bg: light-dark(#e4ebe3, #2d352d);
  --info-line: light-dark(#b6cec1, #395343);
  --error-bg: light-dark(#fff0f2, #3a1f25);
  --error-line: light-dark(#f2c2ca, #6b3440);
  --warn-bg: light-dark(#fff6e3, #362a14);
  --warn-line: light-dark(#f0d9a0, #6a5424);
  --warn: light-dark(#8a5300, #f0c46c);
  --ok-bg: light-dark(#e6f4ea, #1b3325);
  --ok: light-dark(#1b7f3b, #6fd28f);
  --type-green-bg: light-dark(#e3f1e8, #1d3527);
  --type-green-fg: light-dark(#17603f, #8fdcb0);
  --type-blue-bg: light-dark(#e3ecf7, #1d2b3d);
  --type-blue-fg: light-dark(#1f4f8a, #9cc3f0);
  --type-amber-bg: light-dark(#fbefd6, #3a2e14);
  --type-amber-fg: light-dark(#7a4a00, #f0c46c);
  --type-red-bg: light-dark(#fbe6e8, #3d1f24);
  --type-red-fg: light-dark(#9a1b2e, #ff9aa6);
  --type-violet-bg: light-dark(#eee6f6, #2e2340);
  --type-violet-fg: light-dark(#5b2d8a, #c9a8f0);
  --type-grey-bg: light-dark(#ece7dc, #302d28);
  --type-grey-fg: light-dark(#4d493f, #c4bdae);
  --sidebar: light-dark(#efebe2, #211f1c);
  --sidebar-hover: light-dark(#e7e1d5, #2b2924);
  --sidebar-active: light-dark(#ded7c8, #35322c);
  --shadow-color: light-dark(rgba(40, 32, 20, .16), rgba(0, 0, 0, .5));
  --shadow: 0 8px 28px var(--shadow-color);
}
.mock-box[data-theme="dark"] { color-scheme: dark; }
.mock-box[data-theme="system"] { color-scheme: light dark; }

@supports not (color: light-dark(#000, #fff)) {
  .mock-box {
    --bg: #f5f1e8;
    --surface: #fbf9f4;
    --surface-2: #f2eee6;
    --subtle: #ece7dc;
    --text: #17181a;
    --muted: #5c574e;
    --faint: #8f8778;
    --line: #d2c8b4;
    --line-strong: #8f8778;
    --accent: #166b4a;
    --danger: #b00020;
    --info-bg: #e4ebe3;
    --info-line: #b6cec1;
    --error-bg: #fff0f2;
    --error-line: #f2c2ca;
    --warn-bg: #fff6e3;
    --warn-line: #f0d9a0;
    --warn: #8a5300;
    --ok-bg: #e6f4ea;
    --ok: #1b7f3b;
    --type-green-bg: #e3f1e8;
    --type-green-fg: #17603f;
    --type-blue-bg: #e3ecf7;
    --type-blue-fg: #1f4f8a;
    --type-amber-bg: #fbefd6;
    --type-amber-fg: #7a4a00;
    --type-red-bg: #fbe6e8;
    --type-red-fg: #9a1b2e;
    --type-violet-bg: #eee6f6;
    --type-violet-fg: #5b2d8a;
    --type-grey-bg: #ece7dc;
    --type-grey-fg: #4d493f;
    --sidebar: #efebe2;
    --sidebar-hover: #e7e1d5;
    --sidebar-active: #ded7c8;
    --shadow-color: rgba(40, 32, 20, .16);
  }
  .mock-box[data-theme] { color-scheme: light; }
}