/* ImmoEx shared brand tokens: single source of truth for the marketing pages
   (landing, about, pricing, faq, demo-call, demo-use, login, terms, security).
   Steep-inspired system: near-monochrome ink-on-paper with a single warm
   peach accent, reserved for rare editorial emphasis (one card per page). */
:root{
  --bg:#ffffff;
  --bg2:#fafafb;
  --card:#ffffff;
  --card2:#f2f2f3;
  --border:#ececec;
  --border2:#e1e1e3;

  /* Primary ink. Old var names kept (--gold etc.) so every page that already
     references them re-themes for free; the palette is no longer gold. */
  --gold:#17191c;
  --gold2:#17191c;
  --gold-bg:rgba(23,25,28,.05);
  --gold-border:rgba(23,25,28,.16);
  --gold-shadow:rgba(23,25,28,.14);

  --emerald:#17191c;
  --brand-gradient:#17191c;

  --green:#16a34a;
  --green-bg:rgba(22,163,74,.10);
  --green-border:rgba(22,163,74,.22);

  --amber:#d97706;
  --red:#dc2626;

  --text:#17191c;
  --text2:#777b86;
  --muted:#a3a6af;
  --muted2:#d8d8da;

  /* Editorial accent: warm peach card + sienna ink. Use once per page. */
  --peach:#fbe1d1;
  --peach-ink:#5d2a1a;
  --ash:#979799;

  --font-serif:'Source Serif 4',ui-serif,Georgia,serif;
  --font-sans:'Inter',ui-sans-serif,system-ui,sans-serif;

  --radius-card:24px;
  --radius-card-sm:16px;
  --radius-card-elevated:20px;
  --radius-input:16px;
  --radius-button:9999px;
  --radius-image:12px;

  --shadow-artifact:0 0 0 1px rgba(4,23,43,.05),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  --shadow-modal:rgba(0,0,0,.05) 0 0 0 1px,rgba(0,0,0,.1) 0 8px 40px;
  --shadow-popover:rgba(0,0,0,.05) 0 0 0 1px,rgba(0,0,0,.08) 0 4px 24px;
}

/* Headline emphasis: Steep marks it with an italic serif, not a color clip.
   Kept as a class so existing <span class="grad-text"> markup still works. */
.grad-text{
  color:var(--text);
  font-style:italic;
}

.grad-cta{
  background:var(--gold) !important;
  box-shadow:none;
}

/* Pill buttons: the two structural button shapes in the system. */
.btn-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:48px;padding:0 24px;border-radius:var(--radius-button);
  font-family:var(--font-sans);font-size:16px;font-weight:400;
  transition:transform 200ms cubic-bezier(.23,1,.32,1),opacity 200ms cubic-bezier(.23,1,.32,1);
  cursor:pointer;
}
.btn-pill-filled{background:var(--gold);color:#fff;border:1px solid var(--gold)}
.btn-pill-filled:hover{transform:translateY(-1px);opacity:.92}
.btn-pill-ghost{background:transparent;color:var(--text);border:1px solid var(--text)}
.btn-pill-ghost:hover{transform:translateY(-1px);background:var(--gold-bg)}

/* Floating product artifact: the only element in the system that carries a
   visible shadow. */
.card-artifact{
  background:#fff;border-radius:var(--radius-card-elevated);
  box-shadow:var(--shadow-artifact);
  padding:16px 20px 12px 12px;
}

/* Editorial accent card: warm-on-warm, once per page maximum. */
.card-accent{
  background:var(--peach);color:var(--peach-ink);
  border-radius:var(--radius-card);border:none;box-shadow:none;
}