/*
Theme Name: Losesize
Theme URI: https://losesize.com
Author: Losesize
Author URI: https://losesize.com
Description: Organic lifestyle brand theme for Losesize.com. A modern WordPress block theme with warm, earthy aesthetics.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: losesize
Tags: block-patterns, block-styles, full-site-editing, wide-blocks
*/

:root {
    --wp--preset--font-family--dm-sans: "DM Sans", sans-serif;
}

body {
    font-family: var(--wp--preset--font-family--dm-sans);
    line-height: 1.6;
}

/* Testimonial quote styling */
.testimonial-quote {
    position: relative;
}

.testimonial-quote::before {
    content: '"';
    font-size: 3rem;
    line-height: 0;
    vertical-align: -0.4em;
    color: var(--wp--preset--color--accent);
    margin-right: 0.25rem;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Button hover transitions */
.wp-block-button__link {
    transition: all 0.2s ease-in-out;
}

/* Focus styles for accessibility */
a:focus,
button:focus,
input:focus {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 2px;
}

/* Responsive adjustments */
@media (max-width: 782px) {
    .wp-block-group.is-layout-constrained > * {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    h1 {
        font-size: 2.5rem !important;
    }

    .testimonial-quote {
        font-size: 1.25rem !important;
    }
}