/* Buchanan Bedrock design tokens
   Cover-standard palette (v2): vivid landscape + magazine cover, year-round orange UI.
   Optional seasons via html[data-season=spring|summer|autumn|winter] — manual only; no auto-date policy.
   --bb-gold-decorative is DECORATIVE ONLY (may fail WCAG non-text); never for text or required UI.
   Display orange (--bb-orange-display, #F56725) is for large type on dark photography only.
   See docs/design-system.md for provenance and rules.
*/
@font-face{
  font-family:'Anton';
  src:url('/static/fonts/Anton-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('/static/fonts/Inter-Variable.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#16121C;--paper:#F7F1E6;--moss:#176F18;--deep:#16121C;--gold:#F5C84A;--sky:#E8F0F8;--line:#E4D9C4;
  --serif:'Anton',Impact,'Arial Black',sans-serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:var(--serif);

  --bb-surface:var(--paper);
  --bb-surface-raised:#FFFBF4;
  --bb-surface-sunken:var(--sky);
  --bb-surface-inverse:var(--deep);
  --bb-text:var(--ink);
  --bb-text-strong:var(--deep);
  --bb-text-muted:#4A433A;
  --bb-text-subtle:#4A433A;
  --bb-text-soft:#2A2433;
  --bb-text-on-inverse:#FFFBF4;
  --bb-text-on-accent:#fff;
  --bb-border:var(--line);
  --bb-link:#C2410E;
  --bb-link-on-inverse:#F3C7A8;
  --bb-accent:#C2410E;
  --bb-focus:var(--bb-accent);
  --bb-season-tint:var(--moss);
  --bb-season-wash:#E8F0E4;
  --bb-season-rule:var(--bb-accent);
  --bb-gold-decorative:var(--gold);
  --bb-orange-display:#F56725;
  --bb-hero-top:#3a2a3c;
  --bb-hero-mid:#c97a5a;

  --bb-fs-base:18px;
  --bb-fs-meta:13px;
  --bb-fs-label:12px;
  --bb-leading:1.55;
  --bb-radius:2px;
  --bb-touch:44px;
  --bb-width:1080px;
  --bb-width-art:720px;
  --bb-gap-card:12px;
  --bb-pad-card:14px;
  --bb-topbar-h:52px;
  /* Buttons — square-corner rectangles; primary = offset lift */
  --bb-btn-radius:0;
  --bb-btn-pad-y:10px;
  --bb-btn-pad-x:16px;
  --bb-btn-font:600 15px/1.2 var(--sans);
  --bb-btn-border-width:1.5px;
  --bb-btn-shadow:none;
  --bb-btn-shadow-active:inset 0 1px 2px color-mix(in srgb, var(--bb-text-strong) 18%, transparent);
  --bb-btn-lift:4px 4px 0 var(--ink);
  --bb-btn-primary-bg:var(--bb-accent);
  --bb-btn-primary-fg:var(--bb-text-on-accent);
  --bb-btn-primary-border:#9E3A0C;
  --bb-btn-primary-hover-bg:#9E3A0C;
  --bb-btn-primary-active-bg:#7A2C09;
  --bb-btn-secondary-bg:var(--bb-surface-raised);
  --bb-btn-secondary-fg:var(--bb-text-strong);
  --bb-btn-secondary-border:var(--bb-border);
  --bb-btn-secondary-hover-bg:#fff;
  --bb-btn-quiet-bg:transparent;
  --bb-btn-quiet-fg:var(--bb-text-strong);
  --bb-btn-quiet-border:var(--bb-border);
  --bb-btn-disabled-opacity:.48;
  --bb-ridge:var(--bb-season-tint);
  --bb-ridge-foot:var(--bb-surface-inverse);
}

:root[data-season="spring"]{
  --bb-season-tint:#176F18;
  --bb-season-wash:#DDEBCF;
  --bb-season-rule:#176F18;
  --bb-accent:#C2410E;
  --bb-focus:#C2410E;
  --bb-link:#C2410E;
  --bb-gold-decorative:#F5C84A;
  --bb-hero-top:#7AA4D6;
  --bb-hero-mid:#E6E9D7;
  --moss:#176F18;
  --sky:#DDEBCF;
}
:root[data-season="summer"]{
  --bb-season-tint:#0D5C4D;
  --bb-season-wash:#D7E8E4;
  --bb-season-rule:#0D5C4D;
  --bb-accent:#C2410E;
  --bb-focus:#C2410E;
  --bb-link:#C2410E;
  --bb-gold-decorative:#F5C84A;
  --bb-hero-top:#5E9AA0;
  --bb-hero-mid:#EBEBE2;
  --moss:#0D5C4D;
  --sky:#D7E8E4;
}
:root[data-season="autumn"]{
  --bb-season-tint:#6C3A12;
  --bb-season-wash:#F0E0CC;
  --bb-season-rule:#6C3A12;
  --bb-accent:#C2410E;
  --bb-focus:#C2410E;
  --bb-link:#C2410E;
  --bb-gold-decorative:#E0B12A;
  --bb-hero-top:#C97A5A;
  --bb-hero-mid:#E8D3B8;
  --moss:#6C3A12;
  --sky:#F0E0CC;
}
:root[data-season="winter"]{
  --bb-season-tint:#4E5291;
  --bb-season-wash:#D9E1F0;
  --bb-season-rule:#4E5291;
  --bb-accent:#C2410E;
  --bb-focus:#C2410E;
  --bb-link:#C2410E;
  --bb-gold-decorative:#C6D3E0;
  --bb-hero-top:#4E5291;
  --bb-hero-mid:#EAE9E4;
  --moss:#4E5291;
  --sky:#D9E1F0;
}

@media (forced-colors: active){
  :root{
    --bb-surface:Canvas;--bb-surface-raised:Canvas;--bb-text:CanvasText;--bb-text-strong:CanvasText;
    --bb-text-muted:GrayText;--bb-border:CanvasText;--bb-link:LinkText;--bb-accent:ButtonText;--bb-focus:Highlight;
  }
}