/*
Theme Name: Mainstop Child
Theme URI: https://mainstopproperties.com
Description: Child theme for Mainstop Properties. Holds brand tokens only - templates are built in Xpro Theme Builder. Built by Spark Ink.
Author: Spark Ink
Author URI: https://sparkink.cloud
Template: astra
Version: 1.1.2
Text Domain: mainstop-child
*/

/* ============================================
   MAINSTOP PROPERTIES - BRAND TOKENS
   Sampled from the approved logo. Do not alter
   without updating the brand guide.
   Values are the source of truth in DESIGN.md.
   ============================================ */

:root {
  /* Core brand */
  --ms-forest:      #1F4034;
  --ms-deep:        #12241D;
  --ms-sage:        #E3EBE2;
  --ms-brass:       #D2A548;

  /* Neutrals */
  --ms-white:       #FFFFFF;
  --ms-ink:         #12241D;
  --ms-muted:       #5E6B63;
  --ms-border:      #C9D5C9;
  --ms-bone:        #F4F7F3;
  --ms-surface:     var(--ms-bone); /* legacy alias, prefer --ms-bone */

  /* Status */
  --ms-positive:    #2E6B4F;
  --ms-critical:    #8C3A2E;

  /* Typography */
  --ms-font-head:   'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --ms-font-body:   'DM Sans', system-ui, -apple-system, sans-serif;

  /* Radius */
  --ms-radius-sm:   4px;   /* hairline chips */
  --ms-radius:      8px;   /* buttons and inputs */
  --ms-radius-lg:   16px;  /* cards and image containers */
  --ms-radius-pill: 999px; /* status badges and filter pills */

  /* Spacing scale */
  --ms-space-xs:    4px;
  --ms-space-sm:    8px;
  --ms-space-md:    16px;
  --ms-space-lg:    24px;
  --ms-space-xl:    40px;
  --ms-space-xxl:   64px;
  --ms-space-xxxl:  96px;
}

body { font-family: var(--ms-font-body); color: var(--ms-ink); }
h1, h2, h3, h4, h5, h6 { font-family: var(--ms-font-head); font-weight: 800; letter-spacing: -0.02em; }

/* Astra applies a system font stack to form controls and buttons.
   Mirror its selector list so they render in DM Sans instead.
   This stylesheet loads after Astra, so it wins at equal specificity. */
body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
  font-family: var(--ms-font-body);
}

/* Brass is an accent only - never body text */
.ms-accent { color: var(--ms-brass); }