/*
 * base.css — RawSource Design Tokens & Global Reset
 * Merged from rawsource-homepage-final.html + agriculture-v1-FIXED.html
 * FIXED: font = Plus Jakarta Sans (never DM Sans), accent = #E9A72D (never #E8A838 or #D4943A)
 */

:root {
  /* Navy palette */
  --navy:            #1F4788;
  --navy-deep:       #152F5C;
  --navy-dark:       #0C1E3D;
  --navy-darker:     #060E1A;
  --navy-light:      #2B5BA0;
  --navy-wash:       #F0F4FA;
  --navy-wash-alt:   #F4F7FC;

  /* Gold accent — LOCKED #E9A72D */
  --accent:          #E9A72D;
  --accent-hover:    #D49530;
  --accent-soft:     #FEF6E8;
  --accent-muted:    rgba(233,167,45,0.12);

  /* Neutrals */
  --white:           #FFFFFF;
  --off-white:       #FAFBFD;
  --surface:         #F4F6F9;
  --surface-alt:     #EDF0F5;

  /* Text — both --text and --text-primary point to same value */
  --text:            #1A1F2E;
  --text-primary:    #1A1F2E;
  --text-secondary:  #4A5568;
  --text-muted:      #7B8599;
  --text-on-dark:    rgba(255,255,255,0.85);
  --text-on-dark-strong: #FFFFFF;

  /* Borders */
  --border:          #D6DCE6;
  --border-light:    #E8ECF2;
  --border-faint:    #EEF0F4;

  /* Radii — matching HTML files exactly */
  --radius-xs:  3px;
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  10px;
  --radius-xl:  14px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(15,42,82,0.04);
  --shadow-sm: 0 1px 4px rgba(15,42,82,0.06);
  --shadow-md: 0 4px 16px rgba(15,42,82,0.08);
  --shadow-lg: 0 8px 32px rgba(15,42,82,0.10);
  --shadow-xl: 0 16px 48px rgba(15,42,82,0.14);

  /* Typography — DM Sans (matching agriculture-revamp.html) */
  --font:   'Plus Jakarta Sans', sans-serif;
  --serif:  'Plus Jakarta Sans', serif;
  --mono:   'Plus Jakarta Sans', monospace;
  --ease:   cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Status badges */
  --badge-available:    #2D8A4E;
  --badge-available-bg: #E8F5ED;
  --badge-sourcing:     #B8860B;
  --badge-sourcing-bg:  #FEF6E8;

  /* Aliases used in components */
  --green:      #2D8A4E;
  --green-wash: #E8F5ED;
  --bg:         #F4F6F9;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font);
  color: var(--text-primary);
  background: var(--white);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip; /* clip prevents horizontal scroll without creating a scroll container — keeps position:sticky working */
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { cursor: pointer; font-family: var(--font); }
input, select, textarea { font-family: var(--font); }

/* ── WordPress admin bar offset ── */
.admin-bar .site-header { top: 32px; }
html,body{  font-family: "Plus Jakarta Sans", sans-serif!important;}
em {
  font-family: "Instrument Serif", serif !important;
}