html:root {
  --gcs-bg: #0B0C10;
  --gcs-surface: #14161C;
  --gcs-surface2: #1B1E26;
  --gcs-border: #262A34;
  --gcs-text: #ECEDF1;
  --gcs-muted: #A1A7B4;
  --gcs-accent: #D62839;
  --gcs-accentInk: #FF6B74;
  --gcs-chrome: #0F1116;
  --gcs-chrome2: #111319;
  --gcs-ok: #3DDC97;
  --gcs-warn: #F4B740;
  --gcs-font-display: var(--font-gcs-display), "Chakra Petch", sans-serif;
  --gcs-font-text: var(--font-gcs-text), "Manrope", system-ui, sans-serif;
  --gcs-radius: 6px;
  --gcs-page-width: 1320px;
}

html[data-theme="light"] {
  --gcs-bg: #F4F5F7;
  --gcs-surface: #FFFFFF;
  --gcs-surface2: #EEF0F3;
  --gcs-border: #D9DCE2;
  --gcs-text: #14161C;
  --gcs-muted: #5B6170;
  --gcs-accent: #D62839;
  --gcs-accentInk: #C21F31;
  --gcs-chrome: #FFFFFF;
  --gcs-chrome2: #F8F9FB;
  --gcs-ok: #1F9D63;
  --gcs-warn: #B7791F;
}

@media (prefers-color-scheme: light) {
  html[data-theme="auto"] {
    --gcs-bg: #F4F5F7;
    --gcs-surface: #FFFFFF;
    --gcs-surface2: #EEF0F3;
    --gcs-border: #D9DCE2;
    --gcs-text: #14161C;
    --gcs-muted: #5B6170;
    --gcs-accent: #D62839;
    --gcs-accentInk: #C21F31;
    --gcs-chrome: #FFFFFF;
    --gcs-chrome2: #F8F9FB;
    --gcs-ok: #1F9D63;
    --gcs-warn: #B7791F;
  }
}

.gcs-card {
  border-radius: var(--gcs-radius);
}