/*
Theme Name:   Richard Grey Child
Theme URI:    https://richardgrey.co.uk
Description:  Child theme for Hello Elementor — Richard Grey Legal
Author:       Richard Grey
Template:     hello-elementor
Version:      1.0.0
Text Domain:  richardgrey-child
*/

/* ============================================================
   CSS Custom Properties — Brand Palette
   ============================================================ */
:root {
  --navy:       #0C1C2C;
  --navy-soft:  #102537;
  --white:      #FCFCFC;
  --teal:       #447474;
  --teal-bright:#5A9090;
  --stone:      #A49C94;
  --light:      #F4F4F4;
  --charcoal:   #2B3640;
  --line:       rgba(164,156,148,.28);
  --line-light: rgba(12,28,44,.12);
  --maxw:       1180px;
}

/* ============================================================
   Base Reset & Typography
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: "Inter", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  background: var(--white);
  color: var(--charcoal);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
}

h1, h2, h3, h4 {
  color: var(--navy);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -.01em;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; height: auto; display: block; }

.rg-wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 28px;
}

/* ============================================================
   Utility — Section Label
   ============================================================ */
.rg-label {
  font-size: 11px;
  letter-spacing: .30em;
  text-transform: uppercase;
  color: var(--teal);
  font-weight: 700;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.rg-label::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--teal);
  flex-shrink: 0;
}