/*
Theme Name: Family Legacy Theme
Theme URI: https://familylegacy.local
Author: Family Legacy Development Team
Author URI: https://familylegacy.local
Description: An elegant, heirloom-inspired responsive WordPress theme crafted for the public, non-private pages of the Family Legacy Web App. Provides a warm, dignified landing page, about pages, FAQs, and a secure gateway for member login and registration.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: family-legacy-theme
Tags: custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/*
 * Modern Heirloom CSS Variables & Base Foundation
 * Public Facing Portal Gateway
 */
:root {
    --fl-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --fl-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    
    /* Heirloom Palette */
    --fl-primary: #1e3a2f;        /* Deep Heritage Forest Green */
    --fl-primary-dark: #12241d;   /* Rich Midnight Forest */
    --fl-primary-light: #2d5545;  /* Soft Moss Green */
    --fl-gold: #c59b27;           /* Heirloom Gold */
    --fl-gold-light: #e5c365;     /* Antique Champagne */
    --fl-gold-muted: #f4ecdc;     /* Warm Parchment Gold */
    --fl-parchment: #fcf9f2;      /* Archive Paper */
    --fl-card-bg: #ffffff;        /* Pure White */
    --fl-text-dark: #23221e;      /* Deep Espresso / Charcoal */
    --fl-text-muted: #5e5d59;     /* Warm Muted Gray */
    --fl-border: #e6dfd1;         /* Vintage Border Line */
    --fl-shadow-sm: 0 2px 8px rgba(30, 58, 47, 0.06);
    --fl-shadow-md: 0 8px 24px rgba(30, 58, 47, 0.1);
    --fl-shadow-lg: 0 16px 40px rgba(30, 58, 47, 0.14);
    --fl-radius: 8px;
    --fl-radius-lg: 14px;
}

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

body {
    margin: 0;
    padding: 0;
    font-family: var(--fl-font-sans);
    font-size: 16px;
    line-height: 1.7;
    color: var(--fl-text-dark);
    background-color: var(--fl-parchment);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fl-font-serif);
    font-weight: 700;
    color: var(--fl-primary-dark);
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 0.75rem;
}

a {
    color: var(--fl-primary);
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
}

a:hover {
    color: var(--fl-gold);
}

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

.fl-container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}