/* ============================================================
   SOUTHPAW REAL ESTATE — BRAND TOKENS
   Single source of truth for every colour, typeface and measure
   on nickbockrealestate.com.

   Palette: the Southpaw Real Estate Brand Color System.
   This file supersedes Ink & Paper, the Brand Color Guide PDF,
   and every earlier scheme.

   Change a value HERE and it changes site-wide. Never redefine
   these in a page <style> block — a local :root silently
   overrides this file, which is the bug this file exists to
   remove.
   ============================================================ */

:root{
  color-scheme: light only;

  /* ---- Foundation ------------------------------------------------ */
  --bone:           #F8F7F3;   /* primary canvas                      */
  --bone-band:      #EFEEEA;   /* alternating section bands (derived) */
  --carbon:         #111416;   /* primary authority: type + dark bands*/

  /* ---- Signature accent ------------------------------------------- */
  --teal:           #0D5566;   /* Southpaw Teal — links, accents, CTAs */
  --teal-hover:     #0A4351;
  --accent-dark:    var(--bronze);  /* the accent ON carbon IS bronze  */

  /* ---- Finish (rules, hardware, marks — never body text) ---------- */
  --bronze:         #A77A45;   /* Burnished Bronze — premium detail   */
  --concrete:       #B7BDC2;   /* functional neutral                  */

  /* ---- Action ------------------------------------------------------ */
  --action:         var(--teal);       /* buttons                      */
  --action-hover:   var(--teal-hover);
  --oxblood:        #742B32;   /* controlled edge — rare emphasis     */

  /* ---- Type tones (contrast-checked) ------------------------------- */
  --graphite:       #3A3E42;   /* body copy on bone      10.06:1      */
  --steel:          #5F666B;   /* captions on bone        5.44:1      */
  --steel-ink:      #9AA1A7;   /* captions on carbon      7.07:1      */
  --rule:           #D7DAE0;   /* hairlines                           */

  /* ---- Surfaces & extended neutrals -------------------------------- */
  --surface:        #FDFDFC;   /* raised cards on bone                 */
  --bone-band-2:    #E7E8E4;   /* deeper alternating band              */
  --rule-strong:    #CFD3D7;   /* heavier divider                      */
  --carbon-soft:    #23272A;   /* softened dark, not full Carbon       */

  /* ---- Teal ramp (step numbers, bar fills, progressions) ------------
     Lightness-matched to the ramp it replaces.                        */
  --teal-100:       #8CA3AB;
  --teal-200:       #608893;
  --teal-300:       #53808C;
  --teal-400:       #336D7B;
  --teal-500:       #2D6977;

  /* ---- Typography & measure ---------------------------------------- */
  --display: 'Playfair Display', Georgia, serif;
  --body:    'Manrope', system-ui, -apple-system, sans-serif;
  --maxw:    1120px;

  /* ---- Compatibility aliases ---------------------------------------
     Older rules across the site still call these names. They now
     resolve to the new palette. Use the real names above in new CSS. */
  --parchment:      var(--bone);
  --paper:          var(--bone);
  --cararra:        var(--bone);
  --stock:          var(--bone-band);
  --sand:           var(--bone-band);
  --chalk:          var(--bone-band);
  --ink:            var(--carbon);
  --navy:           var(--carbon);
  --heavybag:       var(--carbon);
  --accent:         var(--teal);
  --accent-hover:   var(--teal-hover);
  --navy-hover:     var(--teal-hover);
  --milano:         var(--teal);
  --milano-deep:    var(--teal-hover);
  --gold:           var(--bronze);
  --gold-text:      var(--teal);
  --gold-dark:      var(--accent-dark);
  --silver:         var(--concrete);
  --cardinal:       var(--action);
  --cardinal-hover: var(--action-hover);
  --slate:          var(--steel);
  --muted:          var(--steel);
  --line:           var(--rule);
}

/* ============================================================
   DARK-FIELD CAPTION CORRECTION
   --steel is the caption tone for bone (5.44:1 there). On carbon
   it measures only 3.17:1, which is why --steel-ink exists.
   These few places inherited the bone tone onto a dark field.
   Selectors are :root-prefixed so they outrank the page rules
   that load after this file.
   ============================================================ */
:root footer .eyebrow,
:root footer .opt,
:root footer .cond,
:root .start-photo .opt{ color: var(--steel-ink); }