/* ===== A · EDITORIAL — warm paper, hairline rules, quiet authority =====
   Palette taken from the Between the Sales logo:
     charcoal #2C3237   deep green #14433A   tan #CEAC81
   Green carries the accent on light ground; tan carries it on dark, because
   green against charcoal has almost no separation. */
html[data-theme="a"]{
  color-scheme:light;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --display-weight:400; --display-track:-.015em; --display-case:none; --display-lh:1.06;

  --brand-char:#2C3237; --brand-green:#14433A; --brand-green-dk:#1A4C3B; --brand-tan:#CEAC81;

  --accent:#14433A; --accent-hi:#0C2D26; --on-accent:#FBF8F3;
  --body-bg:#F6F3ED; --body-fg:#23282D; --muted:#5A6168; --rule:rgba(44,50,55,.15);

  --head-bg:#2C3237; --head-fg:#F0EDE6; --head-muted:#A2ABA7;
  --head-border:1px solid rgba(255,255,255,.1);

  --hero-bg:#2C3237; --hero-fg:#E8E4DB; --hero-h:#FBF8F3; --hero-muted:#A2ABA7;
  --hero-line:rgba(255,255,255,.2); --hero-eyebrow:#CEAC81;
  --fig-bg:#353C42; --fig-border:1px solid rgba(255,255,255,.13);

  --alt-bg:#EAE3D8; --alt-fg:#23282D; --alt-muted:#5A6168;
  --card-bg:#FFFDFA; --card-border:1px solid var(--rule); --card-muted:#5A6168;
  --grow-bg:#1A4C3B; --grow-fg:#E3E9E5; --grow-h:#FBF8F3; --grow-muted:#AFC0B8; --grow-n:#CEAC81;
  --tab-on-bg:#2C3237; --tab-on-fg:#FBF8F3;

  --close-bg:#2C3237; --close-h:#FBF8F3; --close-fg:#E8E4DB;
  --foot-bg:#2C3237; --foot-fg:#A2ABA7; --foot-border:1px solid rgba(255,255,255,.1);

  --fig-accent:#CEAC81; --fig-strong:#F0EDE6; --fig-muted:#A2ABA7;
  --fig-axis:rgba(255,255,255,.24); --fig-bubble:#3D444B;
  --fig-rival:#8AA6B6; --fig-rival-soft:rgba(138,166,182,.2);
  --fig-track:rgba(255,255,255,.13);
}

/* Accents that sit on a dark surface switch to tan with charcoal text. */
html[data-theme="a"] .site-head .btn-accent,
html[data-theme="a"] .hero .btn-accent,
html[data-theme="a"] .closing .btn-accent{
  background:var(--brand-tan);border-color:var(--brand-tan);color:#23282D}
html[data-theme="a"] .site-head .btn-accent:hover,
html[data-theme="a"] .hero .btn-accent:hover,
html[data-theme="a"] .closing .btn-accent:hover{
  background:#BB9668;border-color:#BB9668;color:#23282D}
html[data-theme="a"] .hero .rule-accent{background:var(--brand-tan)}
html[data-theme="a"] .mark{color:var(--brand-tan)}
html[data-theme="a"] .closing .line em{color:var(--brand-tan)}
html[data-theme="a"] .closing .mark-line .b,
html[data-theme="a"] .wordmark .b{color:var(--brand-tan)}
html[data-theme="a"] .band-alt .step .arrow,
html[data-theme="a"] .step.grow .arrow{background:var(--alt-bg)}