:root{
  color-scheme: dark;

  /* layout / global */
  --cg-container: 1820px;
  --cg-font-main: 'Nunito', 'Nunito Fallback', Arial, "Helvetica Neue", Helvetica, sans-serif;
  --cg-radius-xl: 28px;
  --cg-radius-lg: 22px;
  --cg-radius-md: 18px;
  --cg-body-size: 15px;
  --cg-body-line: 1.45;
  --cg-text-muted: #ffffffc7;

  /* body */
  --cg-body-bg: #0b0c13;

  /* surfaces */
  --cg-surface-header: #151727;
  --cg-surface-footer: #151727;
  --cg-surface-sidebar: #10121f;
  --cg-surface-card: #162747;
  --cg-surface-card-2: #162747;
  --cg-surface-menu: #10121f;

  /* text */
  --cg-text-main: #ffffff;
  --cg-text-soft: #ffffffc7;
  --cg-text-sidebar: #ffffffd6;
  --cg-text-sidebar-hover: #878a9e;
  --cg-text-heading: #ffffff;

  /* links */
  --cg-link-active: #6842ff;
  --cg-link-hover: #8d90ff;

  /* icons */
  --cg-icon-color: #8d90ff;

  /* borders */
  --cg-border-color: rgba(255,255,255,.08);
  --cg-border-strong: #ffffffd6;

  /* buttons */
  --cg-btn-primary-bg: #6842ff;
  --cg-btn-primary-text: #ffffff;
  --cg-btn-ghost-bg: transparent;
  --cg-btn-ghost-text: #ffffff;
  --cg-btn-ghost-border: #ffffffd6;

  /* inputs */
  --cg-input-bg: #303a59;
  --cg-input-text: #ffffff;
  --cg-input-placeholder: rgba(255,255,255,.66);
  --cg-input-border: rgba(255,255,255,.08);
  --cg-input-focus: #6842ff;

  /* shadows */
  --cg-shadow-soft: 0 14px 34px rgba(0,0,0,.18);
  --cg-shadow-pop: 0 18px 40px rgba(0,0,0,.28);
}

:root[data-theme="light"]{
  color-scheme: light;

  /* layout / global */
  --cg-container: 1820px;
  --cg-font-main: 'Nunito', 'Nunito Fallback', Arial, "Helvetica Neue", Helvetica, sans-serif;
  --cg-radius-xl: 28px;
  --cg-radius-lg: 22px;
  --cg-radius-md: 18px;
  --cg-body-size: 15px;
  --cg-body-line: 1.45;
  --cg-text-muted: #002b50;

  /* body */
  --cg-body-bg: #83ffe7;

  /* surfaces */
  --cg-surface-header: #ffffff;
  --cg-surface-footer: #ffffff;
  --cg-surface-sidebar: #ffffff;
  --cg-surface-card: #ffffff;
  --cg-surface-card-2: #ffffff;
  --cg-surface-menu: #ffffff;

  /* text */
  --cg-text-main: #002b50;
  --cg-text-soft: #002b50;
  --cg-text-sidebar: #002b50;
  --cg-text-sidebar-hover: #878a9e;
  --cg-text-heading: #002b50;

  /* links */
  --cg-link-active: #6842ff;
  --cg-link-hover: #a48eff;

  /* icons */
  --cg-icon-color: #6842ff;

  /* borders */
  --cg-border-color: rgba(0,43,80,.12);
  --cg-border-strong: #002b50;

  /* buttons */
  --cg-btn-primary-bg: #6842ff;
  --cg-btn-primary-text: #ffffff;
  --cg-btn-ghost-bg: transparent;
  --cg-btn-ghost-text: #002b50;
  --cg-btn-ghost-border: #002b50;

  /* inputs */
  --cg-input-bg: #ffffff;
  --cg-input-text: #002b50;
  --cg-input-placeholder: rgba(0,43,80,.60);
  --cg-input-border: rgba(0,43,80,.14);
  --cg-input-focus: #6842ff;

  /* shadows */
  --cg-shadow-soft: 0 14px 30px rgba(0,43,80,.10);
  --cg-shadow-pop: 0 18px 36px rgba(0,43,80,.14);
}