/* Africamaze — Kilimanjaro Field Kit
   Drop-in brand CSS for classic themes, Elementor, Astra, Divi, GeneratePress.
   Enqueue via the child-theme snippet in README.md, or paste into
   Appearance > Customise > Additional CSS. */

:root{
  /* Core */
  --am-forest:#3D4A2A;
  --am-terracotta:#C45A2F;
  --am-amber:#E8A72C;
  --am-paper:#FAF3E2;
  --am-ink:#1C1814;

  /* Greens */
  --am-green-900:#1B2110;
  --am-green-700:#2E3820;
  --am-green-500:#4E5E36;
  --am-green-200:#BFC9AC;
  --am-green-100:#E2E7D6;

  /* Terracotta and amber */
  --am-terracotta-700:#A2451F;
  --am-terracotta-100:#F7E2D7;
  --am-amber-700:#A87313;
  --am-amber-100:#FBEBC8;

  /* Papers and inks */
  --am-paper-000:#FFFDF7;
  --am-paper-200:#F3EAD5;
  --am-paper-400:#DCCDAC;
  --am-ink-700:#3B342C;
  --am-ink-500:#5C5348;
  --am-ink-400:#7C7264;

  /* Status */
  --am-success:#4E5E36;
  --am-warning:#C48D1C;
  --am-alert:#A2451F;

  /* Type */
  --am-font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --am-font-body:"Manrope","Helvetica Neue",Arial,sans-serif;
  --am-font-mono:"IBM Plex Mono",Menlo,monospace;

  /* Shape */
  --am-radius-btn:4px;
  --am-radius-card:6px;
  --am-radius-badge:2px;
  --am-border:1px solid var(--am-paper-400);
  --am-shadow:0 1px 3px rgba(28,24,20,.08);
  --am-shadow-hover:0 4px 12px rgba(28,24,20,.09);
  --am-ease:cubic-bezier(.32,.72,.24,1);
}

body{background:var(--am-paper);color:var(--am-ink);font-family:var(--am-font-body);font-size:17px;line-height:1.65;text-wrap:pretty}

h1,h2,h3,h4,h5,h6{font-family:var(--am-font-display);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--am-ink)}
h1{font-size:clamp(34px,6vw,68px);line-height:1.02}
h2{font-size:clamp(28px,4vw,40px);line-height:1.08}
h3{font-size:25px;line-height:1.18}
h4{font-size:20px;line-height:1.2}

a{color:var(--am-terracotta-700);text-underline-offset:3px;transition:color .15s var(--am-ease)}
a:hover{color:#7E3116}

/* Buttons — one terracotta per section, everything else green or outline */
.wp-block-button__link,
.button,button,input[type=submit],
.elementor-button{
  font-family:var(--am-font-body);font-weight:600;font-size:15px;letter-spacing:.01em;
  background:var(--am-terracotta);color:var(--am-paper-000);
  border:1px solid var(--am-terracotta);border-radius:var(--am-radius-btn);
  padding:12px 20px;text-decoration:none;
  transition:background .15s var(--am-ease),border-color .15s var(--am-ease),transform .09s var(--am-ease);
}
.wp-block-button__link:hover,.button:hover,button:hover,input[type=submit]:hover,.elementor-button:hover{
  background:var(--am-terracotta-700);border-color:var(--am-terracotta-700);color:var(--am-paper-000);
}
.wp-block-button__link:active,.button:active,button:active{transform:translateY(1px)}

/* Secondary and outline variants — add these classes in the block/widget settings */
.is-style-am-secondary .wp-block-button__link,.am-btn-secondary{background:var(--am-forest);border-color:var(--am-forest)}
.is-style-am-secondary .wp-block-button__link:hover,.am-btn-secondary:hover{background:var(--am-green-700);border-color:var(--am-green-700)}
.is-style-am-outline .wp-block-button__link,.am-btn-outline{background:transparent;color:var(--am-forest);border-color:var(--am-forest)}
.is-style-am-outline .wp-block-button__link:hover,.am-btn-outline:hover{background:var(--am-green-100);color:var(--am-forest)}

/* Forms */
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea{
  font-family:var(--am-font-body);font-size:15px;color:var(--am-ink);
  background:var(--am-paper-000);border:var(--am-border);border-radius:var(--am-radius-btn);padding:11px 12px;
  transition:border-color .15s var(--am-ease),box-shadow .15s var(--am-ease);
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--am-forest);box-shadow:0 0 0 3px rgba(61,74,42,.28)}

/* Cards */
.am-card{background:var(--am-paper-000);border:var(--am-border);border-radius:var(--am-radius-card);box-shadow:var(--am-shadow);padding:24px;transition:box-shadow .22s var(--am-ease),transform .22s var(--am-ease)}
a.am-card:hover,.am-card--link:hover{box-shadow:var(--am-shadow-hover);transform:translateY(-2px)}

/* The two brand utilities — use these everywhere */
.am-label{font-family:var(--am-font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--am-ink-500)}
.am-readout{font-family:var(--am-font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* Badges */
.am-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--am-font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:var(--am-radius-badge);background:var(--am-paper-200);color:var(--am-ink-700);border:var(--am-border)}
.am-badge--ok{background:var(--am-green-100);color:var(--am-green-700);border-color:var(--am-green-200)}
.am-badge--warn{background:var(--am-amber-100);color:var(--am-amber-700);border-color:#F2C976}
.am-badge--alert{background:var(--am-terracotta-100);color:var(--am-alert);border-color:#E8A98D}

/* Section tones */
.am-section{padding:96px 0}
.am-section--sunken{background:var(--am-paper-200)}
.am-section--forest{background:var(--am-forest);color:var(--am-paper)}
.am-section--forest h1,.am-section--forest h2,.am-section--forest h3,.am-section--forest h4{color:var(--am-paper)}
.am-section--forest p{color:rgba(250,243,226,.72)}

/* Text protection over photography — gradient scrim, never a rounded capsule */
.am-scrim{position:relative}
.am-scrim::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(27,33,16,.86) 0%,rgba(27,33,16,.52) 38%,rgba(27,33,16,0) 76%)}
.am-scrim > *{position:relative;z-index:1}

::selection{background:#F2C976;color:var(--am-ink)}

@media (max-width:781px){
  .am-section{padding:56px 0}
  h1{font-size:clamp(30px,8vw,40px)}
}