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

/* ─── Jigi brand tokens ─────────────────────────────────────────────────── */
:root {
  --md-primary-fg-color:        #1e3a5f;
  --md-primary-fg-color--light: #2c5282;
  --md-primary-fg-color--dark:  #14283f;
  --md-accent-fg-color:         #2563eb;
  --md-typeset-a-color:         #2563eb;

  --jigi-navy:    #1e3a5f;
  --jigi-blue:    #2563eb;
  --jigi-surface: #f8f9fc;
  --jigi-border:  #e2e8f0;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #14283f;
  --md-default-bg-color: #0f1620;
  --jigi-surface: #1a222e;
  --jigi-border:  #2b3644;
}

/* ─── Header / tabs ─────────────────────────────────────────────────────── */
.md-header {
  background-color: var(--jigi-navy);
  box-shadow: 0 1px 0 rgba(255,255,255,0.08);
}
.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--jigi-blue) !important;
  font-weight: 600;
}

/* ─── Links ─────────────────────────────────────────────────────────────── */
.md-typeset a { color: var(--jigi-blue); }
.md-typeset a:hover { color: #1d4ed8; }

/* ─── Tables ────────────────────────────────────────────────────────────── */
.md-typeset table:not([class]) {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.md-typeset table:not([class]) th {
  background: var(--jigi-surface);
  font-weight: 600;
  font-size: 0.85em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* ─── Admonitions / collapsibles ────────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
  border-left-width: 4px;
}

/* ─── Buttons ───────────────────────────────────────────────────────────── */
.md-button--primary {
  background-color: var(--jigi-navy) !important;
  border-color: var(--jigi-navy) !important;
  color: #fff !important;
}
.md-button--primary:hover,
.md-button--primary:focus {
  background-color: var(--jigi-blue) !important;
  border-color: var(--jigi-blue) !important;
}

/* ─── Role badges ───────────────────────────────────────────────────────── */
.role-employee  { display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.75em; font-weight:600; background:#e3f2fd; color:#1565c0; }
.role-manager   { display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.75em; font-weight:600; background:#f3e5f5; color:#6a1b9a; }
.role-hr        { display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.75em; font-weight:600; background:#e8f5e9; color:#2e7d32; }
.role-accounting{ display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.75em; font-weight:600; background:#fff8e1; color:#8d6e00; }
.role-admin     { display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.75em; font-weight:600; background:#fff3e0; color:#e65100; }
.role-jigi-admin{ display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.75em; font-weight:600; background:#fce4ec; color:#ad1457; }