/* ==========================================================
   Birchwood Archery — base.css
   Shared on every page: design tokens, typography, nav, footer.
   Page-specific sections live in their own stylesheet
   (home.css, register.css, etc.) and load AFTER this file.
   ========================================================== */


  :root{
    --bark:#EFEAdd;
    --bark-white:#FBF8F1;
    --pine:#16241B;
    --pine-soft:#233B2A;
    --olive:#8FBF3F;
    --olive-dark:#6C9A2C;
    --amber:#D9862B;
    --amber-dark:#B56B1E;
    --ring-white:#F7F4EC;
    --ring-black:#211E1A;
    --ring-blue:#2E6DA4;
    --ring-red:#C0392B;
    --ring-gold:#D9A62B;
    --line:rgba(22,36,27,0.14);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bark);
    color:var(--pine);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Fraunces',serif;
    font-weight:600;
    letter-spacing:-0.005em;
    margin:0;
  }
  .mono{font-family:'IBM Plex Mono',monospace;letter-spacing:0.02em;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--amber-dark);display:flex;align-items:center;gap:10px;
  }
  .eyebrow::before{content:"";width:18px;height:1px;background:var(--amber-dark);display:inline-block;}

  
/* ---------- NAV ---------- */
  header.site{
    position:sticky;top:0;z-index:50;
    background:rgba(251,248,241,0.92);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;max-width:1180px;margin:0 auto;}
  .logo{display:flex;align-items:center;gap:12px;}
  .logo img{width:44px;height:44px;object-fit:contain;flex:none;}
  .logo-text{font-family:'Fraunces',serif;font-weight:700;font-size:19px;line-height:1.1;}
  .logo-text span{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--olive-dark);}
  nav.links{display:flex;gap:30px;font-size:14px;font-weight:500;}
  nav.links a{position:relative;padding:4px 0;color:var(--pine-soft);}
  nav.links a:hover{color:var(--amber-dark);}
  .nav-right{display:flex;align-items:center;gap:12px;}

  /* two-tone icon-chip pill pattern */
  .chip-btn{
    display:inline-flex;align-items:center;gap:0;
    border-radius:999px;overflow:hidden;
    font-size:13px;font-weight:600;letter-spacing:0.01em;
    transition:transform 0.15s ease, box-shadow 0.15s ease;
  }
  .chip-btn:hover{transform:translateY(-1px);}
  .chip-btn .chip-label{padding:9px 8px 9px 20px;}
  .chip-btn .chip-icon{
    width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin:3px;flex:none;
  }
  .chip-btn .chip-icon svg{width:16px;height:16px;}

  .portal-chip{
    background:rgba(35,59,42,0.08);
    border:1px solid rgba(35,59,42,0.16);
    color:var(--pine-soft);
  }
  .portal-chip .chip-icon{background:var(--pine-soft);color:var(--olive);}
  .portal-chip:hover{box-shadow:0 4px 14px rgba(35,59,42,0.18);border-color:var(--pine-soft);}

  .register-chip{
    background:var(--amber);
    color:var(--bark-white);
  }
  .register-chip .chip-icon{background:var(--pine);color:var(--olive);}
  .register-chip:hover{box-shadow:0 6px 18px rgba(217,134,43,0.45);background:var(--amber-dark);}

  

  .hamburger{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:2px;background:none;align-items:center;justify-content:center;cursor:pointer;}
  .hamburger svg{width:18px;height:18px;color:var(--pine-soft);}
  .mobile-nav{display:none;flex-direction:column;padding:8px 28px 18px;border-top:1px solid var(--line);}
  .mobile-nav a{padding:12px 0;font-size:15px;font-weight:500;color:var(--pine-soft);border-bottom:1px solid var(--line);}
  .mobile-nav.open{display:flex;}

  
/* ---------- FOOTER ---------- */
  footer{background:var(--pine);color:rgba(251,248,241,0.6);padding:54px 28px 26px;font-size:13px;}
  .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:38px;border-bottom:1px solid rgba(251,248,241,0.12);}
  .footer-grid h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--olive);margin-bottom:14px;}
  .footer-grid a{display:block;margin-bottom:8px;color:rgba(251,248,241,0.65);}
  .footer-grid a:hover{color:var(--bark-white);}
  .footer-legal{display:flex;gap:18px;flex-wrap:wrap;padding-top:20px;font-family:'IBM Plex Mono',monospace;font-size:11px;}
  .footer-legal a{color:rgba(251,248,241,0.55);}
  .footer-legal a:hover{color:var(--olive);}
  .footer-bottom{padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'IBM Plex Mono',monospace;font-size:11px;}

  @media (max-width:900px){
    nav.links{display:none;}
    .hamburger{display:flex;}
    .chip-btn .chip-label{display:none;}
    .chip-btn .chip-icon{margin:0;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }