/*******************************
      Light Theme - Interaction
*******************************/

html,
.light.theme.theme,
[light][light],
[theme][theme="light"] {

  /* --------------
        Focus
  --------------- */

  /* Used on inputs, textarea etc */
  --form-focused-border-color: var(--primary-text-color);

  /* Used on dropdowns, other larger blocks - moved to computed/interaction.css */

  /* -------------------
    Highlighted Text
  -------------------- */
  /* Moved to computed/interaction.css */
  --highlight-color: var(--text-color);

  --input-highlight-background: rgb(100 100 100 / 40%);
  --input-highlight-color: var(--text-color);

  /* -------------------
        UI BG Colors
  -------------------- */

  --ui-hue: 234.71;
  --ui-chroma: 0.01;
  --ui-lightness: 0.17;
  --ui-lightness-light: 0.2;
  --ui-lightness-dark: 0.15;

  /* -------------------
         Links
  -------------------- */

  --link-color: oklch(0.61 0.17 250.88);
  --link-hover-color: oklch(0.62 0.22 252.98);

  /* -------------------
       Alpha Colors
  -------------------- */

  --very-subtle-transparent-black: oklch(var(--black-lch) / 2%);
  --subtle-transparent-black: oklch(var(--black-lch) / 3%);
  --transparent-black: oklch(var(--black-lch) / 5%);
  --strong-transparent-black: oklch(var(--black-lch) / 8%);
  --very-strong-transparent-black: oklch(var(--black-lch) / 15%);

  --very-subtle-transparent-white: oklch(var(--white-lch) / 3%);
  --subtle-transparent-white: oklch(var(--white-lch) / 5%);
  --transparent-white: oklch(var(--white-lch) / 8%);
  --strong-transparent-white: oklch(var(--white-lch) / 13%);
  --very-strong-transparent-white: oklch(var(--black-lch) / 18%);

  /* -------------------
        UI Colors
  -------------------- */

  --ui-emphasis-strong: oklch(0.98 0.01 282.32);
  --ui-emphasis: oklch(0.98 0.01 272.79);

  /* -------------------
       Border Colors
  -------------------- */

  /* Note these are hand-tuned to improve contrast */

  /* color base */
  --black-border-lch: 0.2 0.01 279.32;
  --white-border-lch: 0.96 0.01 279.32;

  /* theme mutable border */
  --standard-border-color: var(--black-border-lch);
  --inverted-border-color: var(--white-border-lch);

  /* black - dark/light theme immutable */
  --black-border-color: oklch(var(--black-border-lch) / 10%);
  --selected-black-border-color: oklch(var(--black-border-lch) / 50%);

  /* white - dark/light theme immutable */
  --white-border-color: oklch(var(--white-border-lch) / 10%);
  --selected-white-border-color: oklch(var(--white-border-lch) / 50%);

  /* solids */
  --solid-internal-border-color: var(--standard-solid-5);
  --solid-border-color: var(--standard-solid-10);
  --solid-black-border-color: var(--black-solid-90);
  --solid-white-border-color: var(--white-solid-90);

}