// The code snippets in this file are derived from the Halcyon theme
// - https://github.com/dbarenholz/halcyon-obsidian?tab=readme-ov-file
// A huge shout out too to kepano's flexoki color scheme
// - https://github.com/kepano/flexoki-obsidian
// As well as the origami theme for the light theme colour palette
// - https://github.com/7368697661/Origami

body.theme-dark {
  --flexcyon-base-01: #14161c;
  --flexcyon-base-02: #191d28;
  --flexcyon-base-03: #24262c;
  --flexcyon-base-04: #4d566b;
  --flexcyon-base-05: #6f7685;

  --flexcyon-base-grey-dark: #898c93;
  --flexcyon-base-grey-light: #d3d5d3;
}

body.theme-light {
  --flexcyon-base-01: #faf7ef;
  --flexcyon-base-02: #edebe5;
  --flexcyon-base-03: #dddcd6;
  --flexcyon-base-04: #d3d3ce;
  --flexcyon-base-05: #b4b3af;
  /* ------------------------------ */
  --flexcyon-base-grey-dark: #797876;
  --flexcyon-base-grey-light: #080808;
}

body:is(.theme-dark),
body:is(.theme-light) {
  --flexcyon-base-grey-tab: #71777f;
  --flexcyon-base-grey-tab: transparent;
  --flexcyon-base-grey-token: transparent;
  --flexyon-base-grey-token: #586582;
  --flexcyon-base-grey-scroll: #3f495e;
  --flexcyon-base-grey-scroll-hover: #5c6782;

  /* ------------------------------ */
  --flexcyon-base-01-02-mix: color-mix(
    in hsl,
    var(--flexcyon-base-01),
    var(--flexcyon-base-02)
  );
  --flexcyon-base-02-03-mix: color-mix(
    in hsl,
    var(--flexcyon-base-02),
    var(--flexcyon-base-03)
  );
  --flexcyon-base-03-04-mix: color-mix(
    in hsl,
    var(--flexcyon-base-03),
    var(--flexcyon-base-04)
  );
  --flexcyon-base-04-05-mix: color-mix(
    in hsl,
    var(--flexcyon-base-04),
    var(--flexcyon-base-05)
  );

  --flexcyon-base-grey-mix: color-mix(
    in hsl,
    var(--flexcyon-base-grey-light),
    var(--flexcyon-base-grey-dark)
  );

  --color-base-00: var(--flexcyon-base-01);
  --color-base-05: var(--flexcyon-base-01-02-mix);
  --color-base-10: var(--flexcyon-base-02);
  --color-base-20: var(--flexcyon-base-02-03-mix);
  --color-base-25: var(--flexcyon-base-03);
  --color-base-30: var(--flexcyon-base-03-04-mix);
  --color-base-35: var(--flexcyon-base-04);
  --color-base-40: var(--flexcyon-base-04-05-mix);
  --color-base-50: var(--flexcyon-base-05);
  --color-base-60: var(--flexcyon-base-grey-dark);
  --color-base-70: var(--flexcyon-base-grey-mix);
  --color-base-100: var(--flexcyon-base-grey-light);
}

body:is(.theme-light) {
  --flexcyon-base-01-02-mix: color-mix(
    in hsl,
    var(--flexcyon-base-01) 70%,
    var(--flexcyon-base-02) 30%
  );
}
