/*
Theme Name: RAM Fitness
Theme URI: http://digitalknited.com/
Author: Digital Knitted
Author URI: http://digitalknited.com/
Description: A basic WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ramfitness
*/

:root {
    --e-global-color-primary: #4CAF50; /* Fallback value */
    --e-global-color-secondary: #FF5722; /* Fallback value */
    --e-global-color-text: #333; /* Fallback value */
    --e-global-color-background: #f4f4f4; /* Fallback value */
    --e-global-typography-primary-font-family: 'Helvetica Neue', Arial, sans-serif; /* Fallback value */
    --e-global-typography-secondary-font-family: 'Georgia', serif; /* Fallback value */
    --e-global-typography-button-font-family: 'Helvetica Neue', Arial, sans-serif; /* Fallback value */
    --e-global-typography-link-font-family: 'Helvetica Neue', Arial, sans-serif; /* Fallback value */
}

body {
    font-family: var(--e-global-typography-primary-font-family, 'Helvetica Neue', Arial, sans-serif);
    margin: 0;
    padding: 0;
    background-color: var(--e-global-color-background, #f4f4f4);
    color: var(--e-global-color-text, #333);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--e-global-color-primary, #4CAF50);
}

a {
    color: var(--e-global-color-secondary, #FF5722);
    font-family: var(--e-global-typography-link-font-family, 'Helvetica Neue', Arial, sans-serif);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button, input[type="button"], input[type="submit"] {
    background-color: var(--e-global-color-primary, #4CAF50);
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-family: var(--e-global-typography-button-font-family, 'Helvetica Neue', Arial, sans-serif);
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: var(--e-global-color-secondary, #FF5722);
}

input[type="text"], input[type="email"], input[type="password"], textarea {
    border: 1px solid #ccc;
    padding: 10px;
    font-family: var(--e-global-typography-primary-font-family, 'Helvetica Neue', Arial, sans-serif);
    width: 100%;
    box-sizing: border-box;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    border-color: var(--e-global-color-primary, #4CAF50);
    outline: none;
}