.og-theme--light {
  --OG-COLOR-PRIMARY--0:          hsla(196, 76%, 100%, 1);
  --OG-COLOR-PRIMARY--0--30:      hsla(196, 76%, 100%, .3);
  --OG-COLOR-PRIMARY--0--50:      hsla(196, 76%, 100%, .5);
  --OG-COLOR-PRIMARY--80:         hsla(196, 76%, 56%, 1);
  --OG-COLOR-PRIMARY--100:        hsla(196, 76%, 47%, 1);
  --OG-COLOR-PRIMARY--100--15:    hsla(196, 76%, 47%, .15);
  --OG-COLOR-PRIMARY--100--20:    hsla(196, 76%, 47%, .2);
  --OG-COLOR-PRIMARY--100--25:    hsla(196, 76%, 47%, .25);
  --OG-COLOR-PRIMARY--100--30:    hsla(196, 76%, 47%, .3);
  --OG-COLOR-PRIMARY--100--50:    hsla(196, 76%, 47%, .5);
  --OG-COLOR-PRIMARY--120:        hsla(196, 76%, 38%, 1);
  --OG-COLOR-SECONDARY--0:          hsla(201, 41%, 100%, 1);
  --OG-COLOR-SECONDARY--0--50:      hsla(201, 41%, 100%, .5);
  --OG-COLOR-SECONDARY--100:        hsla(201, 41%, 40%, 1);
  --OG-COLOR-SECONDARY--100--07:    hsla(201, 41%, 40%, .07);
  --OG-COLOR-SECONDARY--100--10:    hsla(201, 41%, 40%, .1);
  --OG-COLOR-SECONDARY--100--20:    hsla(201, 41%, 40%, .2);
  --OG-COLOR-SECONDARY--100--30:    hsla(201, 41%, 40%, .3);
  --OG-COLOR-SHADE--0:        hsla(200, 25%, 100%, 1);
  --OG-COLOR-SHADE--0--30:    hsla(200, 25%, 100%, .3);
  --OG-COLOR-SHADE--0--80:    hsla(200, 25%, 100%, .8);
  --OG-COLOR-SHADE--50:       hsla(200, 25%, 65%, 1);
  --OG-COLOR-SHADE--70--50:   hsla(200, 25%, 51%, .5);
  --OG-COLOR-SHADE--80--05:   hsla(200, 45%, 44%, .05);
  --OG-COLOR-SHADE--100:      hsla(200, 25%, 30%, 1);
  --OG-COLOR-SHADE--100--10:  hsla(200, 25%, 30%, .1);
  --OG-COLOR-SHADE--100--20:  hsla(200, 25%, 30%, .2);
  --OG-COLOR-SHADE--100--30:  hsla(200, 25%, 30%, .3);
  --OG-COLOR-SHADE--100--50:  hsla(200, 25%, 30%, .5);
  --OG-COLOR-SHADE--100--60:  hsla(200, 25%, 30%, .6);
  --OG-COLOR-SUCCESS--100:    hsla(112, 52%, 57%, 1);
  --OG-COLOR-WARNING--100:    hsla(28, 100%, 50%, 1);
  --OG-COLOR-ERROR--100:    hsla(353, 98%, 41%, 1);
  --OG-COLOR-INFO--100:    hsla(212, 72%, 59%, 1);
  --OG-BORDER-RADIUS:       3px;
  --OG-BORDER-WIDTH:        1px;
  --OG-FONT-COLOR:                hsl(0, 0%, 20%);
  --OG-FONT-SIZE:                 16px;
  --OG-FONT-WEIGHT--LIGHT:  200;
  --OG-FONT-WEIGHT--BOOK:   300;
  --OG-FONT-WEIGHT:         400;
  --OG-FONT-WEIGHT--MEDIUM: 500;
  --OG-FONT-WEIGHT--BOLD:   700;
  --OG-MARGIN:     8px;
  --OG-PADDING:    8px; }

.og-theme--light {
  background: radial-gradient(circle at 75% 85%, rgba(252, 253, 242, 0.35), rgba(77, 210, 255, 0.65) 30%, rgba(74, 177, 211, 0.05) 50%) fixed, radial-gradient(circle at 15% 25%, rgba(117, 235, 250, 0.95), rgba(47, 168, 208, 0.65) 30%) fixed;
  color: var(--OG-FONT-COLOR); }