/* SABRE — global tokens. Paste into Elementor > Site Settings > Custom CSS,
   or enqueue as a stylesheet. Everything else references these. */

:root {
  /* Surfaces */
  --sabre-paper: #F5F4EF;   /* cream — default page background */
  --sabre-black: #0A0A0A;   /* near-black — dark sections, footer */
  --sabre-white: #FFFFFF;   /* cards sitting on cream */

  /* Ink */
  --sabre-fg-1: #0A0A0A;    /* headlines */
  --sabre-fg-2: #4A4A48;    /* body copy */
  --sabre-fg-3: #8A8A85;    /* mono labels, meta */
  --sabre-fg-on-dark-1: #FFFFFF;
  --sabre-fg-on-dark-2: rgba(255,255,255,0.72);
  --sabre-fg-on-dark-3: rgba(255,255,255,0.50);

  /* Lines */
  --sabre-line: rgba(10,10,10,0.12);
  --sabre-line-strong: rgba(10,10,10,0.28);
  --sabre-line-on-dark: rgba(255,255,255,0.12);

  /* Accents */
  --sabre-lime: #E4F35B;        /* master accent — on black only */
  --sabre-lime-ink: #B8C43A;    /* readable lime on cream */
  --sabre-brokerage: #a524ff;   /* Real Estate Brokerage */
  --sabre-advisory: #5270fe;    /* National Advisory */
  --sabre-consulting: #05d5dc;  /* Business Consulting */
  --sabre-studio: #ff2b8f;      /* SABRE Studio */

  /* Type */
  --sabre-display: "Montserrat", system-ui, sans-serif;
  /* Wordmark lockups only (the big SABRE). Caps-only by unicode-range; see
     sabre-wordmark.css. Never use this token on body or heading text. */
  --sabre-wordmark: "SABRE Wordmark", "Montserrat", system-ui, sans-serif;
  --sabre-mono: "Space Mono", ui-monospace, monospace;

  /* Layout */
  --sabre-max: 1280px;
  --sabre-gutter: 48px;

  /* Motion */
  --sabre-ease: cubic-bezier(.2,.7,.2,1);
  --sabre-fast: 120ms;
  --sabre-med: 240ms;
}

@media (max-width: 900px) {
  :root { --sabre-gutter: 24px; }
}