/* assets/css/style.css */
:root {
    --primary-color: #198754;
    /* Bootstrap Success Green */
    --secondary-color: #8FBC8F;
    /* Dark Sea Green */
    --accent-color: #D2B48C;
    /* Tan */
    --bg-color: #f8f9fa;
    /* Bootstrap Light Gray */
    --text-color: #212529;
    /* Bootstrap Dark Gray */
    --card-bg: #FFFFFF;
    --font-main: 'Inter', sans-serif;
    --font-heading: 'Playfair Display', serif;
}

body {
    font-family: var(--font-main);
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand {
    font-family: var(--font-heading);
}

/* Custom Tool Cards */
.tool-card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.tool-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.tool-card.coming-soon {
    cursor: default;
}

.tool-card.coming-soon:hover {
    transform: none;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

/* Custom Form Styles */
.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Steps List */
.steps-list .step-number {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: white;
    border-radius: 50%;
    font-weight: bold;
}