/* Custom styles for StringSight documentation */

/* Retro Tech color palette - matching UI theme */
:root {
  --ss-color-primary: #4A90E2;           /* Retro blue (blueSubdued) */
  --ss-color-primary-light: #5B8DEE;      /* Brighter retro blue for hovers */
  --ss-color-primary-dark: #3A7BC8;       /* Darker retro blue for focus states */
  --ss-color-accent: #8B5FBF;             /* Retro purple (purpleSubdued) */
  --ss-color-accent-vibrant: #9B6FCF;     /* Vibrant grape purple */
  --ss-color-link: #4A90E2;               /* Link accent (matches primary) */
  --ss-color-green: #52C991;              /* Terminal green */
  --ss-color-orange: #FF8C42;             /* Vivid amber */
  --ss-color-red: #E85D75;                /* Error red */
  --ss-color-bg: #F8FAFC;                 /* App background */
  --ss-color-surface: #FFFFFF;            /* Surfaces/cards */
  --ss-color-text-primary: #111827;       /* Primary text */
  --ss-color-text-secondary: #6B7280;     /* Secondary text */
  --ss-color-border: #E5E7EB;             /* Borders/dividers */
}

/* Light mode (default scheme) */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--ss-color-primary);
  --md-primary-fg-color--light: var(--ss-color-primary-light);
  --md-primary-fg-color--dark: var(--ss-color-primary-dark);
  --md-accent-fg-color: var(--ss-color-accent);

  --md-default-bg-color: var(--ss-color-bg);
  --md-default-fg-color: var(--ss-color-text-primary);
  --md-default-fg-color--light: var(--ss-color-text-secondary);
  --md-typeset-color: var(--ss-color-text-primary);

  --md-code-bg-color: rgba(229, 231, 235, 0.4);
  --md-code-fg-color: var(--ss-color-text-primary);

  --md-typeset-a-color: var(--ss-color-link);
}

/* Dark mode (slate scheme) */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--ss-color-primary);
  --md-primary-fg-color--light: var(--ss-color-primary-light);
  --md-primary-fg-color--dark: var(--ss-color-primary-dark);
  --md-accent-fg-color: var(--ss-color-accent);

  --md-default-bg-color: #020617;
  --md-default-fg-color: #E5E7EB;
  --md-default-fg-color--light: #9CA3AF;
  --md-typeset-color: #E5E7EB;

  --md-code-bg-color: #020617;
  --md-code-fg-color: #E5E7EB;

  --md-typeset-a-color: var(--ss-color-link);
}

/* Code styling */

/* Fenced code blocks */
.md-typeset pre > code {
    background-color: rgba(248, 250, 252, 0.95); /* lighter background */
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12); /* soft drop shadow */
    padding: 1rem 1.25rem;
    font-size: 0.85em;
}

[data-md-color-scheme="slate"] .md-typeset pre > code {
    background-color: rgba(15, 23, 42, 0.98);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

/* Inline code: keep subtle, no shadow */
.md-typeset :not(pre) > code {
    background-color: rgba(74, 144, 226, 0.08); /* Retro blue tint */
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 0.85em;
    color: inherit;
}

[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
    background-color: rgba(15, 23, 42, 0.9);
    color: inherit;
}

/* Admonition styling */
.md-typeset .admonition {
    border-radius: 6px;
    border-left: 4px solid var(--ss-color-border);
}

/* Custom callout boxes */
.callout {
    background-color: rgba(74, 144, 226, 0.04); /* Retro blue tint */
    border-left: 4px solid var(--ss-color-primary);
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 0 6px 6px 0;
}

.callout-info {
    border-left-color: var(--ss-color-link);
    background-color: rgba(74, 144, 226, 0.06); /* Retro blue */
}

.callout-warning {
    border-left-color: var(--ss-color-orange);
    background-color: rgba(255, 140, 66, 0.06); /* Retro amber */
}

.callout-danger {
    border-left-color: var(--ss-color-red);
    background-color: rgba(232, 93, 117, 0.06); /* Retro red */
}

.callout-success {
    border-left-color: var(--ss-color-green);
    background-color: rgba(82, 201, 145, 0.06); /* Terminal green */
}

/* Table styling */
.md-typeset table {
    border-radius: 6px;
    overflow: hidden;
}

.md-typeset table th {
    background-color: rgba(248, 250, 252, 0.9);
    font-weight: 600;
    color: var(--ss-color-text-primary);
}

[data-md-color-scheme="slate"] .md-typeset table th {
    background-color: rgba(15, 23, 42, 0.9);
    color: #E5E7EB;
}

/* Button styling */
.md-button {
    border-radius: 4px;
    font-weight: 500;
    text-transform: none;
}

/* Navigation styling */
.md-nav__link {
    border-radius: 4px;
}

.md-nav__link:hover {
    background-color: rgba(74, 144, 226, 0.06); /* Retro blue tint */
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
    background-color: rgba(15, 23, 42, 0.9);
}

/* Search styling */
.md-search__input {
    border-radius: 6px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .callout {
        margin: 0.5rem 0;
        padding: 0.75rem;
    }
}