/*
Theme Name:        Enclave
Theme URI:         https://enclave.co.ke
Description:       Custom theme for Enclave Real Estate. Built on the Enclave design system. Replaces the legacy Elementor-based theme. Daraja Residences flagship landing template included.
Author:            Enclave + claude.ai/design + Claude Code
Version:           0.4.0
Requires at least: 6.5
Requires PHP:      8.0
Tested up to:      6.9
License:           Proprietary
Text Domain:       enclave
Tags:              real-estate, custom, no-elementor
*/

/* Tokens — single source of truth lives at brand/design-system/colors_and_type.css.
   This file mirrors the published tokens; treat the design system as canonical. */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500&display=swap');

:root {
  /* Brand palette (Earl.st Minimalism — base; Serhant-direction evolution) */
  --navy:     #1e3a5f;
  --navy-ink: #152a45;
  --teal:     #1e3a5f;  /* retired — aliased to navy for monochrome direction */
  --sand:     #d4b896;
  --white:    #ffffff;
  --paper:    #fafaf7;
  --ink:      #101010;
  --body:     #2a2a2a;
  --muted:    #6b7a8a;
  --rule:     #d8d4cb;
  --rule-soft:#ecebe6;
  --accent:   var(--navy);

  /* Typography — Montserrat (Serhant-aligned). Single typeface, weight-driven hierarchy. */
  --ff-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --ff-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  --container: 1320px;
  --gutter:    24px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--white); color: var(--body); font-family: var(--ff-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }

a { color: inherit; text-decoration: none; }
img, video { display: block; max-width: 100%; height: auto; }

/* Container */
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }

/* Type primitives */
.display { font-family: var(--ff-display); font-weight: 600; line-height: 1.08; color: var(--navy); letter-spacing: -0.015em; }
.eyebrow { font-family: var(--ff-body); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
.body    { font-size: 16px; line-height: 1.65; color: var(--body); max-width: 60ch; }
.body.light { color: var(--muted); }

/* Section rhythm */
.section       { padding: clamp(56px, 8vw, 120px) 0; }
.section-tight { padding: clamp(40px, 5vw, 72px) 0; }

/* Header / nav placeholders — full implementation in header.php */
.site-header   { padding: 24px 0; border-bottom: 1px solid var(--rule-soft); }
.site-footer   { padding: 80px 0 40px; border-top: 1px solid var(--rule-soft); background: var(--paper); }