/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* ============================================
   GOOGLE FONTS
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=Barlow:wght@400;500;600;700&display=swap');

/* ============================================
   BRAND DESIGN SYSTEM
   ============================================ */
:root {
  --remax-red:     #CC0000;
  --remax-blue:    #003DA5;
  --accent:        #CC0000;
  --accent-light:  #FDECEA;
  --accent-text:   #8B0000;
  --gold:          #BA7517;
  --gold-light:    #FAEEDA;
  --gold-text:     #633806;
  --green:         #3B6D11;
  --green-light:   #EAF3DE;
  --green-text:    #27500A;
  --ink:           #1A1A18;
  --ink-mid:       #4A4A47;
  --ink-muted:     #888780;
  --rule:          #D3D3D3;
  --surface:       #F8F7F4;
  --page:          #FFFFFF;
  --gray-light:    #D3D3D3;
  --gray-mid:      #C4C4C4;
  --gray-dark:     #AEAEAE;
  --font-serif:    'DM Serif Display', Georgia, serif;
  --font-sans:     'Barlow', system-ui, sans-serif;
  --font-mono:     'DM Mono', monospace;
  --container-max: 1280px;
  --section-pad:   80px;
}

/* ============================================
   BASE
   ============================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--surface);
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  color: var(--ink);
  line-height: 1.2;
}

/* ============================================
   UTILITIES
   ============================================ */
.text-red    { color: var(--remax-red); }
.text-blue   { color: var(--remax-blue); }
.text-gold   { color: var(--gold); }
.text-muted  { color: var(--ink-muted); }
.bg-dark     { background: var(--ink); color: #fff; }
.bg-red      { background: var(--remax-red); color: #fff; }
.bg-blue     { background: var(--remax-blue); color: #fff; }
.bg-surface  { background: var(--surface); }
.label-mono  {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}