/* ---------- Figtree (self-hosted variable) ---------- */
@font-face {
  font-family: 'Figtree';
  src: url('/fonts/figtree-latin-wght-normal.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('/fonts/figtree-latin-wght-italic.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

/* ---------- Palette ---------- */
:root {
  --ink: oklch(27% 0.11 262);
  --terracotta: oklch(50% 0.13 40);
  --terracotta-dark: oklch(40% 0.13 40);

  --background-color:    oklch(94% 0.07 98);
  --footer-background:   oklch(91% 0.075 97);

  --text-color:          var(--ink);
  --title-color:         oklch(22% 0.11 262);

  --link-color:          var(--terracotta);
  --link-hover-color:    var(--terracotta-dark);
  --header-link-color:   var(--terracotta);
  --header-link-hover:   var(--terracotta-dark);
  --header-link-active:  var(--terracotta-dark);
  --post-list-hover:     var(--terracotta-dark);

  --code-background:     oklch(27% 0.11 262 / 0.10);
  --code-color:          var(--terracotta-dark);

  --blockquote-color:    oklch(27% 0.11 262 / 0.75);
  --figcaption-color:    oklch(27% 0.11 262 / 0.65);
  --date-color:          oklch(27% 0.11 262 / 0.60);
  --location-color:      oklch(27% 0.11 262 / 0.60);
  --current-page-color:  oklch(27% 0.11 262 / 0.55);
  --tag-link-color:      oklch(27% 0.11 262 / 0.55);
  --tag-link-hover:      var(--ink);
  --paginator-disabled:  oklch(27% 0.11 262 / 0.40);

  --blockquote-border:      oklch(27% 0.11 262 / 0.18);
  --horizontal-link-border: oklch(27% 0.11 262 / 0.20);
  --location-border:        oklch(27% 0.11 262 / 0.20);
  --table-border:           oklch(27% 0.11 262 / 0.15);
  --table-alt-background:   oklch(27% 0.11 262 / 0.04);
}

/* ---------- Typography ---------- */
body {
  font-family: 'Figtree', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  letter-spacing: -0.015em;
}

header h2 { font-weight: 500; }
strong, b { font-weight: 600; }

code, pre {
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
}

/* ---------- Archive ---------- */
.archive-year {
  margin: 1.8em 0 0.6em;
  color: var(--date-color);
  font-weight: 500;
}
.archive-entry {
  display: flex;
  gap: 1em;
  padding: 0.35em 0;
  align-items: baseline;
}
.archive-date {
  color: var(--date-color);
  font-size: 0.85em;
  font-variant-numeric: tabular-nums;
  min-width: 4.5em;
  flex-shrink: 0;
}