/*
Theme Name: Old School Motorcycles Child
Theme URI: https://generatepress.com
Description: GeneratePress Child Theme for Old School Motorcycles
Author: Ashish Adhikari
Template: generatepress
Version: 1.1
*/

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Work+Sans:wght@400;600;700&display=swap');

:root {
    /* Brand Colors */
    --osc-bg-dark: #180505;
    --osc-text-cream: #EDC9AF;
    --osc-accent-red: #C8102E;
    --osc-accent-gold: #EBAB00;
    --osc-white: #FFFFFF;

    /* Typography */
    --osc-font-heading: 'Alfa Slab One', serif;
    --osc-font-body: 'Work Sans', sans-serif;
}

/* Global Styles */
body {
    background-color: var(--osc-bg-dark);
    color: var(--osc-text-cream);
    font-family: var(--osc-font-body);
}

h1, h2, h3, h4, h5, h6,
.main-navigation a,
.entry-title {
    font-family: var(--osc-font-heading);
    color: var(--osc-text-cream);
    letter-spacing: 1px;
}

/* Reusable Button Class */
.osc-button,
.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: var(--osc-accent-red);
    color: var(--osc-white);
    font-family: var(--osc-font-body);
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.osc-button:hover,
.button:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #a80d25;
    color: var(--osc-white);
}