/*
 * docs/stylesheets/extra.css
 * Auto-generated by scripts/compile_tokens.py — DO NOT EDIT MANUALLY.
 * Source:      design-system/tokens.yaml
 * Regenerate:  python scripts/compile_tokens.py
 */

/* ─── ExpertFlow brand tokens (CSS custom properties) ─────────────────────── */
:root {

  /* colors */
  --ef-color-brand-primary: #0A4C96;
  --ef-color-brand-accent: #E87722;
  --ef-color-brand-secondary: #1E6FBB;
  --ef-color-surface: #F5F7FA;
  --ef-color-surface-dark: #1A1A2E;
  --ef-color-text-primary: #1A1A2E;
  --ef-color-text-secondary: #4A4A6A;
  --ef-color-text-on-primary: #FFFFFF;
  --ef-color-text-on-accent: #FFFFFF;
  --ef-color-success: #2ECC71;
  --ef-color-warning: #F39C12;
  --ef-color-danger: #E74C3C;
  --ef-color-border: #D0D5DD;

  /* typography */
  --ef-font-primary:  "Inter";
  --ef-font-heading:  "Inter";
  --ef-font-mono:     "JetBrains Mono";
  --ef-size-base:     14px;
  --ef-size-h1:       28px;
  --ef-size-h2:       22px;
  --ef-size-h3:       18px;
  --ef-line-height:   1.6;

  /* spacing — 8 px base grid */
  --ef-space-unit:    8px;
  --ef-space-xs:      4px;
  --ef-space-sm:      8px;
  --ef-space-md:      16px;
  --ef-space-lg:      24px;
  --ef-space-xl:      32px;
}

/* ─── MkDocs Material — light scheme palette overrides ────────────────────── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0A4C96;
  --md-primary-fg-color--light: #1E6FBB;
  --md-primary-fg-color--dark:  #0A4C96;
  --md-accent-fg-color:         #E87722;
  --md-default-fg-color:        #1A1A2E;
  --md-default-bg-color:        #F5F7FA;
}

/* ─── MkDocs Material — dark scheme palette overrides ─────────────────────── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #1E6FBB;
  --md-accent-fg-color:         #E87722;
  --md-default-bg-color:        #1A1A2E;
}

/* ─── Typography overrides ─────────────────────────────────────────────────── */
.md-typeset {
  font-family: "Inter", system-ui, sans-serif;
  font-size:   14px;
  line-height: 1.6;
}

.md-typeset h1 { font-size: 28px; }
.md-typeset h2 { font-size: 22px; }
.md-typeset h3 { font-size: 18px; }

.md-typeset code,
.md-typeset pre {
  font-family: "JetBrains Mono", monospace;
}

/* ─── Admonition brand-colour overrides ────────────────────────────────────── */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #2ECC71;
}
.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #F39C12;
}
.md-typeset .admonition.danger,
.md-typeset details.danger {
  border-color: #E74C3C;
}