/* Light theme colors */
:root {
  --sp-primary: #023f84;
  --sp-success: #00a400;
  --sp-info: #54c7ec;
  --sp-warning: #ffba00;
  --sp-danger: #fa383e;
  --sp-background: #f7faff;
  --sp-shadow: #00000028;
  --sp-code-background: #2525250a;

  /* Primary color variations (light) */
  --sp-primary-dark: #023977;
  --sp-primary-darker: #023670;
  --sp-primary-darkest: #012c5c;
  --sp-primary-light: #024591;
  --sp-primary-lighter: #024898;
  --sp-primary-lightest: #0352ac;

  --sp-title-line: var(--sp-primary);
}

/* Dark theme colors */
.dark {
  --sp-primary: #6cace4;
  --sp-success: #88e36b;
  --sp-info: #5dccf0;
  --sp-warning: #ffc93d;
  --sp-danger: #ff6369;
  --sp-background: #0d1117;
  --sp-shadow: #ffffff28;
  --sp-code-background: #cfcfcf0f;

  /* Primary color variations inverted (dark) */
  --sp-primary-light: #5ea4e1;
  --sp-primary-lighter: #509cdf;
  --sp-primary-lightest: #338cda;
  --sp-primary-dark: #88bce9;
  --sp-primary-darker: #97c4ec;
  --sp-primary-darkest: #c1dcf4;
}

.slidev-layout :not(pre) > code {
  color: #272200;
}

/* Dark mode inline code font color */
.dark .slidev-layout :not(pre) > code {
  color: #f0e38f;
}

/* Default styling for all layouts */
.slidev-layout {
  h1 {
    color: var(--sp-primary-dark);
    font-weight: bolder;
    font-size: 2.75rem;
  }

  h2 {
    /* color: var(--sp-primary-darker); */
    font-weight: bold;
    font-size: 2rem;
  }

  h3 {
    /* color: var(--sp-primary-darkest); */
    font-weight: bolder;
    font-size: 1.55rem;
  }

  background: var(--sp-background);
  padding: 1.5rem 2rem;
  position: relative;

  :not(pre) > code {
    background: var(--sp-code-background) !important;
    border-radius: var(--slidev-code-radius) !important;
    padding-top: 0.06rem !important;
    padding-bottom: 0.06rem !important;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
  }

  th {
    font-weight: 700;
    font-size: 1.05em;
  }

  /* blockquote {
    display: flex;
    align-items: center;
    background: var(--sp-code-background);
    color: var(--slidev-theme-color);
    border-color: #f141a8;
    border-left-width: 3px;
    font-size: var(--slidev-theme-font-size, 1.1em);
  } */
}

.banner-image {
  background-image: url("../public/sp-banner-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.dark .banner-image {
  background-image: url("../public/sp-banner-dark.svg");
}

.logo-image {
  background-image: url("../public/sp-logo-light.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.dark .logo-image {
  background-image: url("../public/sp-logo-dark.svg");
}

/* Global logo container and styling */
.logo-container {
  position: absolute;
  z-index: 100; /* Using highest z-index from all layouts */
  width: 2.5rem;
  height: 2.5rem;
}

/* Default positioning for logo (will be overridden by specific layouts if needed) */
.slidev-layout .logo-container:not([class*="custom-position"]) {
  top: 1rem;
  right: 1rem;
}

/* Global logo styling */
.logo {
  height: 100%;
  width: 100%;
}

/* Multi-column layouts */
.slidev-layout.two-cols,
.slidev-layout.two-cols-header,
.slidev-layout.three-cols,
.slidev-layout.three-cols-header {
  column-gap: 2rem;
}

.slidev-layout.three-cols .col-left,
.slidev-layout.three-cols .col-middle,
.slidev-layout.three-cols .col-right,
.slidev-layout.three-cols-header .col-left,
.slidev-layout.three-cols-header .col-middle,
.slidev-layout.three-cols-header .col-right {
  flex: 1;
}

/* Shared styles for cover and intro layouts */
/* .slidev-layout.cover,
.slidev-layout.intro {
  height: 100%;

  h1 {
    font-size: 3.75rem;
    line-height: 5rem;
  }

  h1 + p {
    margin-top: -0.5rem;
    opacity: 0.5;
    margin-bottom: 1rem;
  }

  p + h2,
  ul + h2,
  table + h2 {
    margin-top: 2.5rem;
  }
} */