/*******************************
         Light Theme - Base
*******************************/

/* CSS specificity is required here to make sure override theme applies */
html,
.light.theme.theme,
[light][light],
[theme][theme="light"] {

  --dark-mode: false;
  --light-mode: true;

  /* -------------------
       Invert Colors
  -------------------- */

  /* Generally light swaps to dark and vice versa, we do this by swapping standard/inverted color */

  /* For relative colors */
  --standard-color: var(--black-lch);
  --inverted-color: var(--white-lch);

  /* For color-mix */
  --standard-hex: var(--black-hex);
  --inverted-hex: var(--white-hex);

  --standard-solid-100: var(--black-solid-100);
  --standard-solid-95: var(--black-solid-95);
  --standard-solid-90: var(--black-solid-90);
  --standard-solid-85: var(--black-solid-85);
  --standard-solid-80: var(--black-solid-80);
  --standard-solid-75: var(--black-solid-75);
  --standard-solid-70: var(--black-solid-70);
  --standard-solid-60: var(--black-solid-60);
  --standard-solid-50: var(--black-solid-50);
  --standard-solid-40: var(--black-solid-40);
  --standard-solid-30: var(--black-solid-30);
  --standard-solid-25: var(--black-solid-25);
  --standard-solid-20: var(--black-solid-20);
  --standard-solid-15: var(--black-solid-15);
  --standard-solid-10: var(--black-solid-10);
  --standard-solid-5: var(--black-solid-5);

  --inverted-solid-100: var(--white-solid-100);
  --inverted-solid-95: var(--white-solid-95);
  --inverted-solid-90: var(--white-solid-90);
  --inverted-solid-85: var(--white-solid-85);
  --inverted-solid-80: var(--white-solid-80);
  --inverted-solid-75: var(--white-solid-75);
  --inverted-solid-70: var(--white-solid-70);
  --inverted-solid-60: var(--white-solid-60);
  --inverted-solid-50: var(--white-solid-50);
  --inverted-solid-40: var(--white-solid-40);
  --inverted-solid-30: var(--white-solid-30);
  --inverted-solid-25: var(--white-solid-25);
  --inverted-solid-20: var(--white-solid-20);
  --inverted-solid-15: var(--white-solid-15);
  --inverted-solid-10: var(--white-solid-10);
  --inverted-solid-5: var(--white-solid-5);

  /* -------------------
          Page
  -------------------- */

  --page-background: var(--white);

}