/* Per-direction themes. Each direction sets the same CSS-variable API so
   components just work. Applied by scoping on a root class (.dir-a, etc). */

/* ── Direction A · Quiet Editorial ─────────────────────────── */
.dir-a {
  --font-body: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --display-weight: 400;
  --display-tracking: -0.022em;
  --display-leading: 1.02;

  --bg: #fbfaf7;
  --ink: #1d1c1a;
  --muted-ink: #55524c;
  --muted: #8a867d;
  --rule: rgba(29, 28, 26, 0.1);
  --accent: #2f3830;   /* deep sage-charcoal */
  --accent-ink: #ffffff;
  --accent-deep: #5a5a42;
  --soft: #f0ede6;
  --nav-bg: rgba(251, 250, 247, 0.82);
}

/* ── Direction B · Warm Narrative ──────────────────────────── */
.dir-b {
  --font-body: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.025em;

  --bg: #faf7f1;
  --ink: #1c1814;
  --muted-ink: #5a5248;
  --muted: #8d8476;
  --rule: rgba(28, 24, 20, 0.1);
  --accent: #8a5a32;      /* warm terracotta-brown */
  --accent-ink: #ffffff;
  --accent-deep: #8a6a3d;  /* eyebrow gold */
  --soft: #f2ebdb;
  --nav-bg: rgba(250, 247, 241, 0.84);
}

/* ── Direction C · Confident Modern ────────────────────────── */
.dir-c {
  --font-body: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.035em;

  --bg: #ffffff;
  --ink: #0e0e0c;
  --muted-ink: #50504a;
  --muted: #8b887f;
  --rule: rgba(14, 14, 12, 0.1);
  --accent: #b64a1f;  /* strong altadena clay */
  --accent-ink: #ffffff;
  --accent-deep: #b64a1f;
  --soft: #f4f1ec;
  --nav-bg: rgba(255, 255, 255, 0.86);
}

/* Font variants that can be swapped via the Tweaks panel. */
.font-sans-neutral  { --font-body: "Söhne", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-display: "Söhne", "Inter", "Helvetica Neue", sans-serif; }
.font-sans-grotesk  { --font-body: "Neue Haas Grotesk Display", "Inter", sans-serif; --font-display: "Neue Haas Grotesk Display", "Inter", sans-serif; }
.font-sans-geometric{ --font-body: "GT Walsheim", "Inter", sans-serif; --font-display: "GT Walsheim", "Inter", sans-serif; }

/* Palette overrides applicable to any direction */
.palette-warm   { --bg: #faf7f1; --soft: #f2ebdb; --ink: #1c1814; --accent-deep: #8a6a3d; }
.palette-paper  { --bg: #fbfaf7; --soft: #f0ede6; --ink: #1d1c1a; --accent-deep: #5a5a42; }
.palette-stone  { --bg: #f4f3f0; --soft: #e9e6df; --ink: #171715; --accent-deep: #3a3a34; }
.palette-cream  { --bg: #fdf9ef; --soft: #f7efd9; --ink: #1a1612; --accent-deep: #a5753a; }