/*
Theme Name: MFIN 1
Theme URI: https://example.com
Description: MFIN 1 — Genesis child theme ported from the agency-ssg mfin1 static template. Tailwind-utility based, Classic Editor.
Author: Agency
Author URI: https://agency.com
Version: 1.1.0
Template: genesis
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mfin1
Tags: genesis, financial, classic-editor
*/

/* NOTE: screenshot.png is intentionally absent — out of scope for this pass.
   Drop a 1200x900 PNG at the theme root when the design is finalised. */

/* --------------------------------------------------------------------------
   1. Design tokens

   Sourced from the Benson Blackburn Branding Guidelines, PRIMARY COLORS:

     Benson Blackburn Blue   CMYK 76 47 00 00   RGB 61 124 201    HEX #3D7CC9   PMS 660 C
     Benson Blackburn Gray   CMYK 57 47 48 14   RGB 111 114 113   HEX #6F7271   PMS 424 C
     Black                   CMYK 00 00 00 100  RGB 00 00 00      HEX #000000

   The *-rgb triplets back the Tailwind `brand.*` colours so utilities such as
   `bg-brand-primary/60` can still apply an alpha channel.
   Theme Options print an inline :root block after this file that overrides
   every --color-* value below; the --bb-grey-* ramp is file-only.
   -------------------------------------------------------------------------- */
:root {
  --color-primary: #000000;
  --color-secondary: #3D7CC9;
  --color-text: #6F7271;
  --color-accent: #3D7CC9;

  --color-primary-rgb: 0 0 0;
  --color-secondary-rgb: 61 124 201;
  --color-text-rgb: 111 114 113;
  --color-accent-rgb: 61 124 201;

  /* Neutral ramp. mfin1 shipped with Tailwind's `slate` scale, which carries a
     blue cast (slate-600 is #475569) and reads as a second, wrong blue beside
     #3D7CC9. Every step below is Benson Blackburn Gray — hsl(160 1.3% 44.1%) —
     held at that hue and saturation with only lightness varied, so the greys
     stay on brand at every tint. --bb-grey-600 IS #6F7271. */
  --bb-grey-50:  #F9F9F9;
  --bb-grey-100: #F3F4F4;
  --bb-grey-200: #E6E7E7;
  --bb-grey-300: #D6D7D6;
  --bb-grey-400: #A7A9A9;
  --bb-grey-500: #8B8E8D;
  --bb-grey-600: #6F7271;
  --bb-grey-700: #585A5A;
}

/* --------------------------------------------------------------------------
   2. Genesis wrapper reset
   Genesis' own container chrome fights the full-bleed sections this design is
   built from. Zero it out so sections can run edge to edge.
   -------------------------------------------------------------------------- */
.site-container,
.site-inner,
.content-sidebar-wrap,
main.content,
.content,
.entry {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  float: none;
  clear: both;
}

.site-inner::before,
.site-inner::after,
.content-sidebar-wrap::before,
.content-sidebar-wrap::after {
  content: none;
}

/* --------------------------------------------------------------------------
   3. Base
   -------------------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  color: var(--color-text);
  background-color: #ffffff;
}

.font-serif,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-family: 'Playfair Display', ui-serif, Georgia, serif;
}

/* Fixed header offset for anchor jumps. */
:target {
  scroll-margin-top: 6rem;
}

/* Skip link (Genesis html5 support). */
.genesis-skip-link .skip-link-hidden {
  display: block;
  position: absolute;
  left: -9999px;
}

.genesis-skip-link li a {
  position: absolute;
  left: -9999px;
  z-index: 100;
}

.genesis-skip-link li a:focus {
  left: 0;
  top: 0;
  padding: 1rem 1.5rem;
  background: var(--color-primary);
  color: #ffffff;
}

/* --------------------------------------------------------------------------
   4. Editor content (the_content) — Classic Editor output has no utility
   classes, so give it a readable, centred measure that matches the design.
   -------------------------------------------------------------------------- */
.entry-content {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-text);
  font-size: 1rem;
  line-height: 1.75;
}

.entry-content > * + * {
  margin-top: 1.25rem;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color: var(--color-primary);
  line-height: 1.2;
  margin-top: 2.5rem;
}

.entry-content h2 { font-size: clamp(1.594rem, 1.426rem + 0.7171vw, 2rem); }
.entry-content h3 { font-size: clamp(1.314rem, 1.237rem + 0.3293vw, 1.5rem); }
.entry-content h4 { font-size: clamp(1.162rem, 1.126rem + 0.1555vw, 1.25rem); }

.entry-content a {
  color: var(--color-secondary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.entry-content ul,
.entry-content ol {
  padding-left: 1.5rem;
  list-style: revert;
}

.entry-content li + li {
  margin-top: 0.5rem;
}

.entry-content blockquote {
  border-left: 3px solid var(--color-secondary);
  padding-left: 1.5rem;
  font-style: italic;
  color: var(--color-primary);
}

.entry-content img {
  max-width: 100%;
  height: auto;
}