/**
 * Consolidated styles from inline HTML
 * This file contains styles previously defined inline in HTML files
 */

/* Logo colors */
.logo-primary {
    color: var(--primary-dark);
}

.logo-accent {
    color: var(--accent);
}

/* Market data page */
.market-data-title {
    color: var(--primary-dark);
    margin-bottom: 25px;
    font-size: 1.8rem;
}

.refresh-btn-accent {
    background-color: var(--accent);
}

.loading-indicator-hidden {
    display: none;
}

.results-section-hidden {
    display: none;
}

/* Modal styling */
.modal-header-primary {
    background-color: var(--primary-dark);
    color: white;
}

.modal-accent-text {
    color: var(--accent);
}

/* Form groups with counter animation */
.form-group-animated {
    --i: 0; /* Default value, overridden inline */
    animation-delay: calc(var(--i) * 0.1s);
}

/* Section titles */
.section-title-accent {
    color: var(--accent);
}

/* Status indicator icons */
.status-icon-accent {
    color: var(--accent);
}

/* Images with max-width */
.img-max-width-200 {
    max-width: 200px;
}

/* Email verification styling */
.verification-code-display {
    letter-spacing: 4px;
    font-family: 'Comfortaa', sans-serif;
}

/* Spinner for loading states */
.spinner-primary {
    color: var(--primary-dark);
}

/* Card styling */
.card-left-accent-border {
    border-left: 4px solid var(--accent);
}

/* Auth-related text */
.auth-link {
    color: var(--accent);
    font-weight: 500;
}

/* Hidden elements */
.hidden {
    display: none;
}

/* Logo styling */
.logo-text {
    font-size: 2rem;
    font-weight: 700;
}

/* Content padding for CTA sections */
.content-padding {
    margin: 1rem 1rem 1rem 2rem;
    padding-left: 1.5rem;
}

/* Connect heading */
.connect-heading {
    color: white;
}