/* Bound design tokens — from the Bound Brand Center (core + neutral palette,
   Plus Jakarta Sans only). Apparel accents (Baby/Royal Blue) intentionally
   omitted: they're merch-only and must not anchor a product surface. */
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans-Italic.ttf") format("truetype");font-weight:200 800;font-style:italic;font-display:swap}

:root{
  /* core */
  --bound-navy:#0D253D;      /* primary */
  --bound-teal:#079C97;      /* secondary */
  --forward-green:#46C08A;   /* accent */
  --deep-teal:#047379;       /* gradient end */
  --bound-gradient:linear-gradient(120deg,#46C08A 0%,#079C97 55%,#047379 100%);
  /* neutrals */
  --slate:#4F6173;           /* body text */
  --mist:#8499A8;            /* muted / captions */
  --line:#E3EAF0;            /* borders */
  --cloud:#F4F8FB;           /* surfaces / backgrounds */
  --white:#ffffff;
  /* semantic (mirrors the onboarding/ops apps so the three feel like one family) */
  --bg:var(--cloud);
  --surface:var(--white);
  --text:var(--bound-navy);
  --muted:var(--slate);
  --muted-2:var(--mist);
  --accent:var(--bound-teal);
  --accent-ink:var(--deep-teal);
  --success:var(--forward-green);
  --danger:#c0392b;
  --amber:#c9781f;
  --radius:14px;
  --radius-sm:9px;
  --shadow:0 1px 2px rgba(13,37,61,.05),0 8px 24px rgba(13,37,61,.06);
  --sans:"Plus Jakarta Sans",ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,.btn{font-weight:700;letter-spacing:-.01em}
body,p,li,td{font-weight:450}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:11px;border:0;cursor:pointer;font:inherit;font-weight:700;color:#fff;background:var(--bound-navy)}
.btn.primary{background:var(--bound-gradient)}
.btn.ghost{background:transparent;color:var(--bound-navy);border:1px solid var(--line)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}