/* ============================================================
   Clark Pl Condos — Website Design System
   Direction B palette · Poppins display · Inter text
   Self-hosted brand fonts + portable design tokens
   ============================================================ */

/* ---- Fonts: Poppins (display / headings) ---- */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Poppins-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Poppins-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Poppins-SemiBold.woff2") format("woff2");
}

/* ---- Fonts: Inter (body / UI) ---- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Inter-Medium.woff2") format("woff2");
}

:root {
  /* ---- Color · neutrals (Direction B) ---- */
  --ink: #14141a;       /* primary dark bg, headings on light */
  --ink2: #1d1d24;      /* raised dark surfaces */
  --ink3: #101015;      /* footer / deepest bg */
  --bone: #f4f1ea;      /* primary light bg, text on dark */
  --bone2: #ece7dc;     /* secondary light surface */
  --text: #23232a;      /* body text on light */
  --muted: #6b6b73;     /* secondary text on light */
  --line: #e3ded3;      /* borders on light */

  /* ---- Color · brand accents ---- */
  --clay: #c0613f;      /* primary accent / CTAs */
  --clay-dk: #a44e30;   /* CTA hover */
  --sage: #8a9a7b;      /* secondary accent */
  --sage-soft: #e7ebe2; /* tinted light surface */
  --sage-light: #b3c0a4;/* accent on dark */
  --hero-clay: #e08a64; /* accent word in dark hero */
  --eyebrow-warm: #d9a98c; /* eyebrow on dark */

  /* ---- Type families ---- */
  --font-display: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-text: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---- Type scale ---- */
  --text-sm: 13.5px;
  --text-body: 17px;
  --text-h4: 16px;
  --text-h3: 22px;
  --text-h2: 34px;
  --text-h1: 50px;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* ---- Foundations ---- */
  --radius-btn: 8px;
  --radius-card: 14px;
  --radius-pill: 20px;
  --maxw: 1120px;
  --pad-x: 28px;
  --section-y: 88px;
  --shadow-float: 0 18px 50px rgba(0, 0, 0, .3);
}