@layer themes {
  :root.light{

    /* Light Mode */
    color-scheme: light;

    /* Theme Colors */
    --theme-hue: 275;
    --theme-chroma: 0.2;
    --theme-value-base:0.5;
    --theme-value-step:0.075;
    
    /* Background */
    --color-page: var(--light-2);
    --color-read: var(--light-4);
    --color-banner: var(--theme-2xd);
    --color-theme: var(--theme-m);
    --color-accent: var(--theme-m);
    
    /* Text */
    --text-main: var(--dark-2);
    --text-link: var(--theme-m);
    --text-link-hover: var(--theme-xl);
    --text-banner: var(--theme-4xl);
    --text-theme: var(--theme-2xd);
    --text-accent: var(--theme-xd);
    
    /* Shadow */
    --shadow-color: var(--theme-3xd);

  } /* End :root.light */

} /* End Layer Themes */