/**
 * JSS Docs - Purple/Blue theme
 */

:root {
  --ifm-color-primary: #7C3AED;
  --ifm-color-primary-dark: #6D28D9;
  --ifm-color-primary-darker: #5B21B6;
  --ifm-color-primary-darkest: #4C1D95;
  --ifm-color-primary-light: #8B5CF6;
  --ifm-color-primary-lighter: #A78BFA;
  --ifm-color-primary-lightest: #C4B5FD;

  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(124, 58, 237, 0.1);

  --ifm-link-color: #7C3AED;
  --ifm-navbar-background-color: #ffffff;
  --ifm-navbar-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  --ifm-footer-background-color: #1e1b4b;

  --ifm-font-family-base: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

[data-theme='dark'] {
  --ifm-color-primary: #A78BFA;
  --ifm-color-primary-dark: #8B5CF6;
  --ifm-color-primary-darker: #7C3AED;
  --ifm-color-primary-darkest: #6D28D9;
  --ifm-color-primary-light: #C4B5FD;
  --ifm-color-primary-lighter: #DDD6FE;
  --ifm-color-primary-lightest: #EDE9FE;

  --docusaurus-highlighted-code-line-bg: rgba(167, 139, 250, 0.2);
  --ifm-link-color: #A78BFA;
  --ifm-navbar-background-color: #0f0d1a;
  --ifm-footer-background-color: #0f0d1a;
  --ifm-background-color: #18162c;
}

.hero--primary {
  background: linear-gradient(135deg, #7C3AED, #2563EB);
}

.prism-code {
  border-radius: 8px;
}

table {
  display: table;
  width: 100%;
}

table th {
  background-color: rgba(124, 58, 237, 0.1);
}

[data-theme='dark'] table th {
  background-color: rgba(167, 139, 250, 0.15);
}

html {
  scroll-behavior: smooth;
}