/* ===========================================================
   Belkin AI Engagement Plan — shared theme
   Belkin green color scheme
   =========================================================== */

:root {
  /* Brand greens */
  --green-500: #6cc24a;   /* primary Belkin green */
  --green-600: #54a832;
  --green-700: #3d8b22;
  --green-800: #2c6e1a;
  --green-900: #1c4a11;
  --green-ink: #0d2710;   /* near-black green */

  --lime: #a4e36a;
  --mint: #eaf7e0;
  --mint-2: #f4faf0;

  /* Neutrals */
  --ink: #14211a;
  --body: #2f3d35;
  --muted: #5f6f64;
  --line: #dfe9da;
  --white: #ffffff;
  --bg: #f7faf4;

  --radius: 16px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 3px rgba(13, 39, 16, 0.08), 0 1px 2px rgba(13, 39, 16, 0.06);
  --shadow-md: 0 10px 30px -12px rgba(13, 39, 16, 0.25);
  --shadow-lg: 0 30px 60px -20px rgba(13, 39, 16, 0.35);

  --maxw: 1040px;

  --grad: linear-gradient(135deg, var(--green-500), var(--green-700));
  --grad-deep: linear-gradient(150deg, var(--green-700) 0%, var(--green-900) 55%, var(--green-ink) 100%);

  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--sans);
  color: var(--body);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.6;
}

h1, h2, h3, h4 {
  color: var(--ink);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0;
  font-weight: 700;
}

a { color: var(--green-700); text-decoration: none; }
a:hover { text-decoration: underline; }

::selection { background: var(--lime); color: var(--green-ink); }

/* Reusable chips / pills */
.pill {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--green-800);
  background: var(--mint);
  border: 1px solid var(--line);
  padding: .4em .85em;
  border-radius: 999px;
}