/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600;700&family=Space+Grotesk:wght@500;700&display=swap');

:root {
    /* Font Variables */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-data: 'Barlow Semi Condensed', sans-serif;
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    color: var(--text-primary);
    background-color: var(--bg-color);
}/* Headers & Brand */
header h1, .chart-header h3 {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* The Stats Grid Labels (The small descriptions) */
.stat-label {
    font-family: var(--font-data);
    font-weight: 600; /* Semi-bold for professionalism */
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
}

/* The Stats Grid Values (The big numbers) */
.val {
    font-family: var(--font-heading); /* Geometric look for numbers */
    font-weight: 700;
    font-variant-numeric: tabular-nums; /* Critical for financial data alignment */
}

/* The Table & Activity Feed (Dense Data) */
table, .activity-feed, .badge {
    font-family: var(--font-data);
    font-weight: 400;
}

.activity-amount {
    font-weight: 700; /* Make transaction amounts pop */
}/* --- Profile Typography Integration --- */

/* Navigation & Brand */
.top-nav {
    font-family: var(--font-data);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.back-link {
    font-family: var(--font-data);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.profile-header h1 {
    font-family: var(--font-heading);
    letter-spacing: -0.03em;
}

.company-logo {
    font-family: var(--font-heading);
    font-weight: 700;
}

/* Stats Hero (The big numbers at the top) */
.stats-main.profile .stat-label {
    font-family: var(--font-data);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
}

.stats-main.profile .val {
    font-family: var(--font-heading);
    font-weight: 700;
    font-variant-numeric: tabular-nums; /* Keeps currency digits aligned */
}

/* Info Cards & Sidebar */
.stats-card h3, .bio-card h3 {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.25rem;
}

.stats-card p {
    font-family: var(--font-body);
}

.stats-card p small {
    font-family: var(--font-data);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-secondary);
    letter-spacing: 0.04em;
    display: block;
    margin-bottom: 2px;
}

/* Chart Controls */
.range-btn {
    font-family: var(--font-data);
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
}

/* Historical Data Table */
.history-table th {
    font-family: var(--font-data);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.history-table td {
    font-family: var(--font-data);
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums; /* Essential for aligning LTC and USD columns */
}

/* Miscellaneous Tags */
.tag, .source-tag {
    font-family: var(--font-data);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.03em;
}

/* Styling the Select Dropdown to match your font system */
#sectorFilter {
    font-family: var(--font-data);
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    text-transform: none; /* Keep options readable */
    color: var(--text-primary);
}


/* Styling the options inside the dropdown */
#sectorFilter option {
    font-family: var(--font-data);
    font-weight: 400;
    color: var(--text-primary);
}