/* Jeffrey Brian Castro's brand on top of the template (portfolio-template by
   BrewedOps, MIT). The accent itself is recoloured in css/template.css by
   scripts/brand-recolor.py; this file carries what a recolour can't:
   - dark mode sits on the logo's deep navy, #011222, instead of near-black;
   - the JB mark beside the name. */

[data-theme=dark] {
  --cream: #011222;
  --paper: #041A2F;
  --white: #07213A;
  --navy-ink: #000A16;
  --panel-dark: #041A2F;
  --glass: rgba(7, 33, 58, .72);
  /* The accent as text on navy: the logo blue itself is too dark to read there. */
  --orange-ink: #7FA8FF;
}

/* Light theme: the blush-rose surfaces of the GoHighLevel form (the palette
   the site first shipped in), with the logo blue kept as the accent and the
   deep navy kept for text. Borders, tints and shadows are the rose-brown ink
   #7C5A4B / #5C4030 at low alpha instead of the template's navy. Scoped to
   light so the dark theme keeps its navy. */
:root:not([data-theme=dark]) {
  --cream: #F7EDE8;
  --paper: #FFFAF7;
  --plate: #F2E4DD;
  --glass: rgba(255, 250, 247, .72);
  --muted: #7B6257;
  --divider: rgba(124, 90, 75, .16);
  --line: rgba(124, 90, 75, .18);
  --line-strong: rgba(124, 90, 75, .32);
  --tint: rgba(184, 148, 132, .10);
  --tint-strong: rgba(184, 148, 132, .18);
  --brands-chip-bg: #FFFAF7;
  --brands-chip-border: rgba(124, 90, 75, .14);
  --shadow-soft: 0 20px 60px -20px rgba(92, 64, 48, .28);
  --shadow-card: 0 40px 120px -30px rgba(92, 64, 48, .35);
  --shadow-btn: 0 8px 24px -8px rgba(92, 64, 48, .28);
}

/* Services' step cards carry their own navy-tinted plates and lines. */
:root:not([data-theme=dark]) .sgrid__method {
  --ink-line: rgba(124, 90, 75, .14);
  --ink-plate: rgba(184, 148, 132, .08);
  --ink-chip: rgba(184, 148, 132, .12);
  --ink-ghost: rgba(124, 90, 75, .08);
}

/* The sidebar photo shown as taken. The template fades a cut-out portrait
   into the page (an edge mask and a blurred glow behind it); on a full
   photo that just washes out the edges. */
.rail__avatar::before { display: none; }
.rail__avatar img {
  -webkit-mask-image: none;
  mask-image: none;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  filter: none;
  box-shadow: var(--shadow-soft);
}

/* The JB mark: the supplied lockup's hexagon on its own dark tile. */
.brand-name {
  display: inline-flex;
  align-items: center;
  gap: .5em;
}
.brand-mark {
  flex: none;
  width: 1.35em;
  height: 1.35em;
  border-radius: 28%;
  display: block;
}

/* Dark text read fine on the template's light orange; on the logo blue it
   falls to ~3:1. White clears 6:1 on #0055FE. */
.cgrid__book,
.a11y__size.is-on,
:root .htile .htile__n { color: #FFFFFF; }
.cgrid__book svg,
.htile__n svg { color: #FFFFFF; fill: currentColor; }

/* The role line under the name, in the accent as on the brand banner. */
.rail__role {
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.005em;
  line-height: 1.3;
  color: var(--orange-ink);
}
/* The @handle line is gone from the markup; this hides it on pages pasted
   into GoHighLevel before it was removed, since they load this file live. */
.rail__handle,
.hprofile__handle { display: none; }
.hprofile__role {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--orange-ink);
}