/* User Provided Stylesheet */

@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&family=Inter:wght@400;500&display=swap");

/* ── ISP Color Scheme ─────────────────────────────────────
   Primary purple: #43439e (brand)
   Accent blue:    #008cbf (teal)
   Accent red:     #ff7676 (coral)
   
   Purple scale for derived values:
     p-50   #f5f4ff   very light purple
     p-100  #e8e7ff   light purple
     p-200  #d1d0f5   medium-light
     p-300  #a6a5e0   medium
     p-400  #8b8ad0   lighter (link underline)
     p-500  #6363be   lighter (hover)
     p-600  #43439e   brand purple
     p-700  #343280   darker (link)
     p-800  #29266a   deep purple (heading)
     p-900  #1a1840   near-black purple
*/

:root {
  /* ── Accent tokens (purple) ──────────────────────────── */
  --myst-color-primary: #43439e;
  --myst-color-primary-hover: #343280;

  --myst-color-accent-text: #29266a;

  --myst-color-link: #343280;
  --myst-color-link-hover: #6363be;
  --myst-color-link-underline: #8b8ad0;

  --myst-color-active: #43439e;
  --myst-color-active-bg: rgba(67, 67, 158, 0.15);
  --myst-color-active-surface: #f5f4ff;

  --myst-color-focus-ring: #43439e;
  --myst-color-focus-outline: #d1d0f5;

  --myst-color-accent-surface: #f5f4ff;
  --myst-color-accent-surface-border: #d1d0f5;
  --myst-color-accent-surface-text: #1a1840;

  /* ── Neutral tokens (grays) ──────────────────────────── */
  --myst-color-bg: #ffffff;
  --myst-color-bg-secondary: #f8f9fa;
  --myst-color-surface: #f1f3f5;
  --myst-color-surface-hover: #e9ecef;
  --myst-color-text: #212529;
  --myst-color-text-secondary: #495057;
  --myst-color-text-tertiary: #6c757d;
  --myst-color-border: #dee2e6;
  --myst-color-border-strong: #ced4da;

  /* ── Admonition tokens ───────────────────────────────── */
  /* Info (teal/blue) */
  --myst-color-info: #008cbf;
  --myst-color-info-bg: rgba(0, 140, 191, 0.1);
  --myst-color-info-text: #005f80;

  /* Success (green) */
  --myst-color-success: #2e7d32;
  --myst-color-success-bg: rgba(46, 125, 50, 0.1);
  --myst-color-success-text: #1b5e20;

  /* Warning (amber) */
  --myst-color-warning: #f9a825;
  --myst-color-warning-bg: rgba(249, 168, 37, 0.15);
  --myst-color-warning-text: #e65100;

  /* Danger (coral/red) */
  --myst-color-danger: #d32f2f;
  --myst-color-danger-bg: rgba(255, 118, 118, 0.12);
  --myst-color-danger-text: #b71c1c;

  /* Orange */
  --myst-color-orange: #e65100;
  --myst-color-orange-bg: rgba(230, 81, 0, 0.1);
  --myst-color-orange-text: #bf360c;

  /* Purple (brand) */
  --myst-color-purple: #43439e;
  --myst-color-purple-bg: rgba(67, 67, 158, 0.1);
  --myst-color-purple-text: #29266a;

  /* Gray */
  --myst-color-gray: #6c757d;
  --myst-color-gray-bg: rgba(108, 117, 125, 0.1);
  --myst-color-gray-text: #495057;
}

.dark {
  /* ── Accent tokens (purple, inverted) ───────────────── */
  --myst-color-primary: #8b8ad0;
  --myst-color-primary-hover: #a6a5e0;
  --myst-color-accent-text: #e8e7ff;

  --myst-color-link: #8b8ad0;
  --myst-color-link-hover: #a6a5e0;
  --myst-color-link-underline: #6363be;

  --myst-color-active: #8b8ad0;
  --myst-color-active-bg: rgba(139, 138, 208, 0.2);
  --myst-color-active-surface: #1a1840;

  --myst-color-focus-ring: #8b8ad0;
  --myst-color-focus-outline: #343280;

  --myst-color-accent-surface: #1a184050;
  --myst-color-accent-surface-border: #29266a;
  --myst-color-accent-surface-text: #e8e7ff;

  /* ── Neutral tokens (dark) ────────────────────────────── */
  --myst-color-bg: #121212;
  --myst-color-bg-secondary: #1a1a2e;
  --myst-color-surface: #252540;
  --myst-color-surface-hover: #32325a;
  --myst-color-text: #e9ecef;
  --myst-color-text-secondary: #adb5bd;
  --myst-color-text-tertiary: #868e96;
  --myst-color-border: #495057;
  --myst-color-border-strong: #6c757d;

  /* ── Admonition tokens (dark) ────────────────────────── */
  /* Info */
  --myst-color-info: #4db8db;
  --myst-color-info-bg: rgba(77, 184, 219, 0.15);
  --myst-color-info-text: #4db8db;

  /* Success */
  --myst-color-success: #66bb6a;
  --myst-color-success-bg: rgba(102, 187, 106, 0.15);
  --myst-color-success-text: #81c784;

  /* Warning */
  --myst-color-warning: #ffca28;
  --myst-color-warning-bg: rgba(255, 202, 40, 0.15);
  --myst-color-warning-text: #ffd54f;

  /* Danger */
  --myst-color-danger: #ff7676;
  --myst-color-danger-bg: rgba(255, 118, 118, 0.15);
  --myst-color-danger-text: #ff8a80;

  /* Orange */
  --myst-color-orange: #ff9800;
  --myst-color-orange-bg: rgba(255, 152, 0, 0.15);
  --myst-color-orange-text: #ffb74d;

  /* Purple */
  --myst-color-purple: #8b8ad0;
  --myst-color-purple-bg: rgba(139, 138, 208, 0.15);
  --myst-color-purple-text: #a6a5e0;

  /* Gray */
  --myst-color-gray: #adb5bd;
  --myst-color-gray-bg: rgba(173, 181, 189, 0.15);
  --myst-color-gray-text: #ced4da;
}

/* ── Typography ─────────────────────────────────────────── */

body,
p,
li,
td,
th,
blockquote {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.myst-home-link {
  font-family: "Rubik", sans-serif;
}

a.myst-home-link {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

/* ── Sidebar footer ─────────────────────────────────────── */

.myst-primary-sidebar-footer {
  font-size: 0.8rem;
}