/*
Theme Name: Clarity Coaching Theme
Theme URI: https://github.com/your-username/clarity-coaching-theme
Author: Clarity Coaching
Author URI: https://claritycoaching.com
Description: A modern WordPress theme powered by React for life coaching and personal transformation. Features responsive design, smooth animations, and a premium aesthetic for coaching professionals.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
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: clarity-coaching
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme uses React for the frontend rendering. 
All styles are compiled from the React build process.
*/

/* Fallback styles in case React hasn't loaded */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background-color: #f9f7f4;
    color: #332b27;
}

#root {
    min-height: 100vh;
}

/* Loading state */
#root:empty::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: 100px auto;
    border: 3px solid #e8e0d8;
    border-top-color: #8b4f4f;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}