/* intentional-raw-color: Press's default Mindex website palette, approved
   2026-10-27. Stone green / warm white; components consume semantic tokens.
   This ships with every Press site, independent of any website checkout. */
:root {
  --color-background: #F7F4ED;
  --color-background-secondary: #FFFDFA;
  --color-background-tertiary: rgba(255, 253, 250, .58);
  --color-foreground: #203E35;
  --color-foreground-secondary: #53675D;
  --color-foreground-tertiary: #68776A;
  --color-border: rgba(32, 104, 100, .18);
  --color-border-subtle: rgba(32, 104, 100, .10);
  --color-brand: #206864;
  --color-brand-hover: #19534F;
  --color-brand-active: #19534F;
  --color-brand-muted: rgba(32, 104, 100, .09);
  --color-brand-foreground: #FFFDFA;
  --color-brand-rgb: 32 104 100;
}
:root.dark {
  --color-background: #142722;
  --color-background-secondary: #1D332C;
  --color-background-tertiary: rgba(247, 244, 237, .035);
  --color-foreground: #F7F4ED;
  --color-foreground-secondary: #BDC9BD;
  --color-foreground-tertiary: #9DAD9F;
  --color-border: rgba(247, 244, 237, .17);
  --color-border-subtle: rgba(247, 244, 237, .09);
  --color-brand: #B4CBB8;
  --color-brand-hover: #95B79D;
  --color-brand-active: #B4CBB8;
  --color-brand-muted: rgba(180, 203, 184, .13);
  --color-brand-foreground: #142722;
  --color-brand-rgb: 180 203 184;
}
:root, :root.dark {
  --color-border-default: var(--color-border);
  --color-link: var(--color-brand);
  --color-link-hover: var(--color-brand-hover);
  --color-focus-ring: var(--color-brand);
  --color-selection-bg: var(--color-brand-muted);
  --color-selection-fg: var(--color-brand);
  --color-selection-border: var(--color-brand);
  --color-icon-button-hover-bg: var(--color-brand-muted);
  --color-action-primary-foreground: var(--color-brand-foreground);
}
::selection { background: var(--color-brand); color: var(--color-brand-foreground); }
/* Logo aspect ratio belongs to the official vector geometry. */
.brand-mark, .mobile-page-title .brand-mark {
  width: var(--size-control-md);
  height: auto;
  aspect-ratio: 784 / 393;
  fill: currentColor;
  color: var(--color-brand);
}
.sidebar { border-right: var(--border-width-thin) solid var(--color-border); }
.entry-card { background: var(--color-background-secondary); }
.entry-card:hover { border-color: var(--color-brand); text-decoration: none; }
.entry-card:hover strong, .directory-tree summary a:hover { color: var(--color-brand); }