/* ============================================================================
   LiNK Real Estate Marketplace — design tokens
   Source of truth: style-guide-link-20240928.pdf (Garza Web Design, 2024-09-28)

   This @theme block is the handoff contract. The drupal-ddev-cpanel skill lifts
   it verbatim into the theme's src/input.css. Never declare a color or font
   outside this file; components consume tokens only, never raw hex.

   Colours and type below are SAMPLED FROM THE LIVE BUILD at garza.link
   (2026-08-05), which supersedes both the 2024 style guide and the build manual
   for anything they disagree on. The tab 13-SDC / CLAUDE.md attribution to
   "Marka Web Design Figma, navy + silver/grey" remains wrong either way.
   ============================================================================ */

@import "tailwindcss";

/* `static` forces Tailwind to emit EVERY variable below, even ones no utility on
   the current page happens to reference. Without it the browser build prunes
   unused theme vars, so a page that never uses `bg-status-active` also has no
   `--color-status-active` — and any inline `var(--color-status-active)` injected
   by JS silently resolves to transparent. That bit the map pins on the listing
   detail pages. A handoff contract must be page-independent. */
@theme static {
  /* --- Brand blues (the four stops from the style guide, verbatim) --------- */
  --color-navy-darkest: #002457;   /* RGB 0,36,87    · deepest ground */
  --color-navy:         #05446B;   /* headings + primary buttons — sampled from garza.link */
  --color-navy-footer:  #07466F;   /* footer ground — sampled from garza.link */
  --color-navy-mid:     #1F6088;   /* RGB 31,96,136  · secondary fills, hovers */
  --color-blue:         #358DC7;   /* RGB 53,141,199 · links, accents, active states */

  /* --- Neutrals ("black, white, and other shades of this blue") ----------- */
  --color-ink:          #1B2733;   /* body text — blue-cast near-black, not pure */
  --color-ink-soft:     #52606D;   /* secondary text, captions */
  --color-rule:         #D9E2EA;   /* hairlines, card borders */
  --color-shell:        #F6F8FC;   /* page ground — sampled from garza.link */
  --color-paper:        #FFFFFF;

  /* --- Status colors (status-badge — ONE canonical map for ALL statuses,
         per tab 13-SDC. Moderation states, bid states, project states all
         resolve here. Do not introduce a second status palette.) ----------- */
  --color-status-active:    #1F7A4D;   /* published / active / for sale */
  --color-status-pending:   #B26A00;   /* under contract / needs review / pending */
  --color-status-closed:    #52606D;   /* sold / off market / expired */
  --color-status-alert:     #B3261E;   /* rejected / conflict / error */
  --color-status-highlight: #F2C94C;   /* stat pills on the listing comp */

  /* Save/favorite heart. Deliberately NOT --color-status-alert: an error and a
     favourited home must never read as the same signal. The style guide is
     monochromatic blue, so this is an accent outside the brand palette — kept to
     the heart affordance only. */
  --color-favorite:         #D8323F;

  /* --- Type -----------------------------------------------------------------
     RESOLVED 2026-08-05: Poppins is canonical, confirmed by the client, and
     matches the live Drupal build at garza.link. This supersedes the Roboto +
     Libre Franklin in style-guide-link-20240928.pdf. Roboto is kept only as the
     first fallback so a failed webfont load degrades to something close rather
     than to a system UI face.

     The style guide PDF/AI/PSD have NOT been reissued — see
     designs/STYLE-GUIDE-ADDENDUM.md for the change record. */
  --font-head: "Poppins", "Roboto", "Segoe UI", Tahoma, sans-serif;
  --font-body: "Poppins", "Roboto", "Segoe UI", Tahoma, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* --- Layout ------------------------------------------------------------- */
  --maxw: 1200px;
  --header-h: 132px;   /* two-row nav on authenticated/listing pages */
}