/* Global Styles */
body {
    font-family: 'OTSono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    color: var(--text-color);
}

:root {
    /* Brand Colors */
    --brand-primary: #05C7F2;
    --brand-primary-dark: #03538c;
    --brand-primary-alt: #1d63a9;
    --brand-lime: #ccff00;
    --brand-lime-alt: #B9FF24;
    --brand-lime-hover: #a0e63c;
    --brand-pink: #ff00ff;
    --brand-purple: #9900ff;
    --brand-purple-alt: #7f24ff;

    /* Neutrals */
    --white: #ffffff;
    --black: #000000;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1a1a1a;
    --gray-900: #111827;

    /* Semantic / UI */
    --text-main: #333333;
    --text-muted: #666666;
    --text-blog: #2ec0f4;
    --text-white: var(--white);
    --bg-dark: var(--gray-800);
    --bg-light: #f8f9fa;
    --bg-warm: #fcf8f2;
    --bg-body: var(--white);

    /* Status Colors */
    --status-hot: #ff4757;
    --status-warning: #ffb700;
    --status-info: #05C7F2;

    /* Legacy / Compatibility Mapping (to avoid breaking things if not all files are fixed at once) */
    --primary-color: var(--brand-primary);
    --primary-search: var(--brand-primary-dark);
    --primary-color2: var(--brand-primary-alt);
    --accent-lime: var(--brand-primary);
    /* Note: old style had lime as primary blue? */
    --text-color: var(--text-main);
    --text-white: var(--white);
    --btn-lime-1: var(--brand-primary);
}

/* Custom Utilities to replace inline/Bootstrap classes */
.bg-theme-dark {
    background-color: var(--bg-dark) !important;
}

.text-theme-white {
    color: var(--text-white) !important;
}

.text-accent-lime {
    color: var(--accent-lime) !important;
}

.text-brand-primary-alt {
    color: var(--brand-primary-alt) !important;
}



h1,
.display-text {
    font-weight: 500;
    color: var(--brand-primary);
    font-size: 80px;
    line-height: 72px;
}


/* Navbar styles moved */

.btn-lime {
    background-color: var(--brand-primary);
    color: var(--black);
    border: none;
    transition: all 0.3s ease;
}

.btn-lime:hover {
    background-color: var(--brand-lime-hover);
    color: var(--black);
    transform: translateY(-2px);
}

.btn-lime-1 {
    border: none;
    background: var(--btn-lime-1);
    transition: all 0.5s ease;
    color: white;
}

.btn-lime-1:hover {
    background-color: var(--black);
    color: var(--white);
    transform: translateY(-1px);
}

.btn-outline-light {
    border-color: rgba(255, 255, 255, 0.3);
    color: var(--text-white);
}

.btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: var(--text-white);
    color: var(--text-white);
}

.btn-outline-dark-custom {
    border: 1px solid var(--text-main);
    color: var(--text-main);
    background: transparent;
    transition: all 0.3s ease;
}

.btn-outline-dark-custom:hover {
    background-color: var(--text-main);
    color: var(--white);
}

/* Navbar Styles moved to components/navbar/navbar.css */