/*
Theme Name: Frame Haus
Theme URI: https://framehaus.example.com
Author: Frame Haus
Author URI: https://framehaus.example.com
Description: Frame Haus is a premium, conversion-focused WooCommerce theme built for modern wall art & decor stores. Includes a custom homepage builder, collections grid, best sellers / new arrivals carousels, review showcase, mega features strip and full WooCommerce shop, cart, checkout and account styling.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: framehaus
Tags: e-commerce, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready
WC requires at least: 7.0
WC tested up to: 8.7
*/

/*
 * The bulk of the styling lives in /assets/css/main.css (enqueued in functions.php).
 * This file is required by WordPress for the theme header above and a few base resets.
 */

:root {
    --fh-ink:        #111111;
    --fh-ink-soft:   #1d1d1d;
    --fh-charcoal:   #2a2a2a;
    --fh-cream:      #f4efe8;
    --fh-sand:       #e9e1d5;
    --fh-gold:       #c79a5b;
    --fh-text:       #2b2b2b;
    --fh-muted:      #7a7468;
    --fh-line:       #e2dacd;
    --fh-white:      #ffffff;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    color: var(--fh-text);
    background: var(--fh-white);
    font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    line-height: 1.08;
    color: var(--fh-ink);
    margin: 0 0 .5em;
}

.screen-reader-text {
    border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
    height: 1px; width: 1px; margin: -1px; overflow: hidden;
    padding: 0; position: absolute !important; word-wrap: normal !important;
}