/* THEME: Broad Highway — Forest Green / Burnt Orange / Cream */
:root {
  /* Core palette */
  --accent:              #C75B1A;
  --accent-hover:        #D97132;
  --accent-text:         #FEFAF3;
  --accent-shadow:       rgba(199,91,26,0.35);
  --accent-subtle:       rgba(199,91,26,0.10);

  /* Backgrounds */
  --bg-page:             #FEFAF3;
  --bg-mid:              #EBD9B0;
  --bg-surface:          #D9C28A;
  --bg-dark:             #2B4A1C;
  --bg-card:             #FEFAF3;
  --bg-card-dark:        rgba(235,217,176,0.06);
  --bg-hover:            #D9C28A;

  /* Text */
  --text-primary:        #3D2B10;
  --text-secondary:      #5A4830;
  --text-muted:          #8a7560;
  --text-ghost:          rgba(43,74,28,0.07);
  --text-inverse:        #F5EDD8;
  --text-inverse-muted:  rgba(245,237,216,0.65);

  /* Borders */
  --border-subtle:       #CDB07A;
  --border-strong:       #3D2B10;
  --border-inverse:      rgba(245,237,216,0.12);

  /* Gradients */
  --gradient-a:          #3A6127;
  --gradient-b:          #2B4A1C;

  /* Shadows */
  --shadow:              0 2px 16px rgba(43,74,28,0.10);
  --shadow-md:           0 6px 32px rgba(43,74,28,0.13);
  --shadow-lg:           0 12px 48px rgba(43,74,28,0.18);

  /* Misc */
  --pattern-line:        rgba(245,237,216,0.018);
  --overlay-dark:        rgba(43,74,28,0.90);
  --tag-bg:              rgba(43,74,28,0.08);
  --tag-text:            #2B4A1C;

  /* Shape */
  --radius:              4px;
  --radius-lg:           10px;

  /* ── Dark surface alpha tokens ──────────────────────────── */
  --dark-raised-alpha:   rgba(255,255,255,0.05);
  --dark-hover-alpha:    rgba(255,255,255,0.07);
  --dark-muted-alpha:    rgba(255,255,255,0.35);
  --dark-border-strong:  rgba(255,255,255,0.55);
}