/*
 * obsidian-brain · theme tokens
 *
 * Extends Material for MkDocs' palette custom properties so the built-in
 * light/dark toggle keeps working. Nothing here styles a component — it
 * only defines tokens. Components live in hero.css / features.css / overrides.css.
 *
 * Aesthetic direction: "scholar's manuscript" — vellum + ink + manuscript
 * violet + berry accent. Purple, but specific and warm, not generic.
 */

/* ── Light scheme ("vellum") ───────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  --ob-violet: #5B3C88;
  --ob-violet-deep: #3E2863;
  --ob-berry: #8E2A49;
  --ob-berry-deep: #6A1B33;
  --ob-vellum: #FAF6EE;
  --ob-vellum-deep: #F1E9D6;
  --ob-ink: #1B1520;
  --ob-ink-soft: #4A3E52;
  --ob-rule: #D6CDBC;

  --md-primary-fg-color:        var(--ob-violet);
  --md-primary-fg-color--light: var(--ob-violet);
  --md-primary-fg-color--dark:  var(--ob-violet-deep);
  --md-primary-bg-color:        #FFF9EE;
  --md-primary-bg-color--light: #F1E9D6;

  --md-accent-fg-color:             var(--ob-berry);
  --md-accent-fg-color--transparent: rgba(142, 42, 73, 0.12);
  --md-accent-bg-color:             var(--ob-vellum);

  --md-default-bg-color:             var(--ob-vellum);
  --md-default-fg-color:             var(--ob-ink);
  --md-default-fg-color--light:      var(--ob-ink-soft);
  --md-default-fg-color--lighter:    #7A6F80;
  --md-default-fg-color--lightest:   var(--ob-rule);

  --md-typeset-color:     var(--ob-ink);
  --md-typeset-a-color:   var(--ob-berry);

  --md-code-bg-color: #F2EBDB;
  --md-code-fg-color: #2B1F34;

  --md-footer-bg-color:         #181218;
  --md-footer-bg-color--dark:   #0E0A0E;
  --md-footer-fg-color:         #EDE6D8;
  --md-footer-fg-color--light:  #C9BFA9;
  --md-footer-fg-color--lighter:#8C8277;
}

/* ── Dark scheme ("ink") ───────────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  --ob-violet: #B69BE0;
  --ob-violet-deep: #9B7CD1;
  --ob-berry: #E07490;
  --ob-berry-deep: #C65874;
  --ob-vellum: #16131C;
  --ob-vellum-deep: #1E1A26;
  --ob-ink: #EDE6D8;
  --ob-ink-soft: #B9AE9E;
  --ob-rule: #2E2939;

  --md-primary-fg-color:        var(--ob-vellum);
  --md-primary-fg-color--light: #1E1A26;
  --md-primary-fg-color--dark:  #0F0C15;
  --md-primary-bg-color:        var(--ob-ink);
  --md-primary-bg-color--light: var(--ob-ink-soft);

  --md-accent-fg-color:              var(--ob-berry);
  --md-accent-fg-color--transparent: rgba(224, 116, 144, 0.16);
  --md-accent-bg-color:              var(--ob-vellum);

  --md-default-bg-color:           var(--ob-vellum);
  --md-default-fg-color:           var(--ob-ink);
  --md-default-fg-color--light:    var(--ob-ink-soft);
  --md-default-fg-color--lighter:  #7A6F80;
  --md-default-fg-color--lightest: var(--ob-rule);

  --md-typeset-color:   var(--ob-ink);
  --md-typeset-a-color: var(--ob-berry);

  --md-code-bg-color: #1E1A26;
  --md-code-fg-color: #EDE6D8;

  --md-footer-bg-color:         #0E0A0E;
  --md-footer-bg-color--dark:   #070408;
  --md-footer-fg-color:         var(--ob-ink);
  --md-footer-fg-color--light:  var(--ob-ink-soft);
  --md-footer-fg-color--lighter:#6A5F71;
}

/* ── Type scale + fonts (shared) ───────────────────────────────────────── */
:root {
  --ob-font-display: "Fraunces", Georgia, "Iowan Old Style", serif;
  --ob-font-body:    "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ob-font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --ob-text-2xs: 0.72rem;
  --ob-text-xs:  0.82rem;
  --ob-text-sm:  0.9rem;
  --ob-text-md:  1rem;
  --ob-text-lg:  1.125rem;
  --ob-text-xl:  1.375rem;
  --ob-text-2xl: 1.75rem;
  --ob-text-3xl: 2.25rem;

  --ob-display-sm: clamp(2.25rem, 3vw + 1rem, 3.25rem);
  --ob-display-md: clamp(2.75rem, 5vw + 1rem, 4.5rem);
  --ob-display-lg: clamp(3.5rem, 7vw + 1rem, 6rem);

  --ob-tracking-eyebrow: 0.14em;
}

/* ── Typographic tuning on Material's typeset root ─────────────────────── */
.md-typeset {
  font-feature-settings: "ss01", "cv11", "kern", "liga";
  letter-spacing: -0.003em;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: var(--ob-font-display);
  font-variation-settings: "opsz" 72, "SOFT" 50;
  letter-spacing: -0.012em;
}

.md-typeset h1 {
  font-weight: 500;
  font-size: var(--ob-text-3xl);
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.md-typeset h2 {
  font-weight: 600;
  font-size: var(--ob-text-2xl);
  border-top: 1px solid var(--ob-rule);
  padding-top: 1.75rem;
  margin-top: 2.5rem;
}

.md-typeset h2:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.md-typeset h3 {
  font-weight: 600;
  font-size: var(--ob-text-xl);
  margin-top: 1.75rem;
}

.md-typeset code,
.md-typeset pre {
  font-family: var(--ob-font-mono);
  font-size: 0.92em;
}