/* ===================================
   EarningsWatcher Global Styles
   =================================== */

/* Custom Properties / CSS Variables */
:root {
    --primary-blue: #2563eb;    /* Tailwind blue-600 */
    --primary-hover: #1d4ed8;   /* Tailwind blue-700 */
    --text-primary: #111827;    /* Tailwind gray-900 */
    --text-secondary: #6b7280;  /* Tailwind gray-500 */
    --bg-light: #f9fafb;        /* Tailwind gray-50 */
    --nav-bg: #111827;          /* Tailwind gray-900 */
}

/* ===================================
   Typography
   =================================== */

/* Shared title styles using Lora font */
.earnings-title {
    font-family: 'Lora', serif;
    font-weight: 600;
}

/* ===================================
   Mobile Menu Utilities
   =================================== */

.mobile-menu-open {
    display: block !important;
}

/* ===================================
   Accessibility
   =================================== */

/* Focus visible styles for keyboard navigation */
a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--primary-blue);
    outline-offset: 2px;
}

/* ===================================
   Link Styles
   =================================== */

/* Standard text link */
.link {
    color: #2563eb;                     /* blue-600 */
    text-decoration: none;
    transition: color 0.15s;
}

.link:hover {
    color: #1d4ed8;                     /* blue-700 */
}