/*
Theme Name: Financial First Advisors
Theme URI: https://example.com/financialfirst
Description: Genesis child theme for Financial First Advisors. Derived from "starter".
Author: Agency
Author URI: https://example.com
Template: genesis
Version: 1.0.0
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: financialfirst
Tags: business, one-column, custom-menu, featured-images, theme-options
*/

/* ==========================================================================
   HOW THIS THEME IS ORGANISED

   You edit:
     partials/*.php            the markup for each part of the page
     assets/css/financialfirst.css    the design
     assets/js/main.js         behaviour
     section 1 of this file    the design tokens

   You generally don't edit:
     functions.php             plumbing — Theme Options, Genesis wiring, CPT
     section 2 of this file    the Genesis wrapper reset

   Anything tagged [genesis-fix:*] is a workaround for a known Genesis bug.
   See wp-themes/README.md before changing one.
   ========================================================================== */

/* ==========================================================================
   1. Design tokens
   The single source of truth for the palette and type stack. EDIT THESE.

   Appearance > Theme Options overrides --color-primary / --color-secondary /
   --color-text / --color-accent with an inline block printed in wp_head, so
   the values here are the defaults a fresh install starts from.

   Add tokens beyond the shared four wherever the design genuinely needs them
   (mfin3 keeps --color-dark and --color-white, for instance). The shared four
   are a floor, not a ceiling.
   ========================================================================== */

:root {
  /* Navy sampled from the supplied background photo; gold is the accent rule
     and label colour (see Build Decisions — pending client sign-off). */
  --color-primary: #C9A96E;
  --color-secondary: #0B1A33;
  --color-text: #FFFFFF;
  --color-accent: #C9A96E;

  --color-bg: #0B1A33;
  --color-bg-alt: #F6F6F4;
  --color-dark: #1A1A1A;
  --color-white: #FFFFFF;
  --color-rule: rgba(255, 255, 255, 0.18);
  --color-text-soft: rgba(255, 255, 255, 0.86);

  /* Webfonts are enqueued in functions.php — financialfirst_enqueue_assets(). */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  --header-height: 96px;
  --header-height-compact: 72px;
  --gutter: 24px;

  /* Shared cap for every section container. */
  --container-max: 1200px;
}

/* ==========================================================================
   2. Genesis wrapper reset

   Genesis nests every page inside .site-container > .site-inner >
   .content-sidebar-wrap > main.content > article.entry > .entry-content.
   Full-bleed section wrappers have to run edge to edge, so every one of those
   Genesis wrappers is zeroed out here.

   This is the single most common cause of a mystery top/bottom margin on a
   Genesis child theme — DO NOT DELETE THIS BLOCK.
   ========================================================================== */

.site-container,
.site-inner,
.content-sidebar-wrap,
main.content,
.content,
.entry,
.entry-content {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  float: none;
  background: none;
  border: 0;
}

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

/* Genesis prints a skip-links list at the top of the document. Keep it
   keyboard-reachable but out of the layout. */
.genesis-skip-link {
  margin: 0;
  padding: 0;
  list-style: none;
}

.genesis-skip-link li {
  height: 0;
  width: 0;
  list-style: none;
}

.genesis-skip-link a {
  position: absolute;
  left: -9999px;
  display: block;
  padding: 15px 23px 14px;
  background: var(--color-white);
  color: var(--color-text);
  font-size: 14px;
  z-index: 1000;
}

.genesis-skip-link a:focus {
  left: 0;
  top: 0;
  outline: 2px solid var(--color-primary);
}

/* The rest of the design lives in assets/css/financialfirst.css. */