/*
Theme Name: TalentTrack - vv Hedel Premium
Description: A modern SaaS UI pass for the TalentTrack dashboard.
Version: 2.0.0
*/

:root {
    --tt-primary: #1D833E;
    --tt-primary-dark: #16612E;
    --tt-accent: #E6C300;
    --tt-bg: #F0F2F5;
    --tt-card-bg: #FFFFFF;
    --tt-text-main: #1A1A1B;
    --tt-text-muted: #65676B;
    --tt-border: #E4E6EB;
    --tt-radius: 12px;
    --tt-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

body {
    background-color: var(--tt-bg);
    color: var(--tt-text-main);
    font-family: 'Inter', -apple-system, sans-serif;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

/* Container Layout */
.tt-dashboard-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* TalentTrack Shortcode Output Styling */
.tt-dashboard-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

/* Card Aesthetic */
.tt-card, [class*="talenttrack-card"] {
    background: var(--tt-card-bg);
    border-radius: var(--tt-radius);
    border: 1px solid var(--tt-border);
    padding: 24px;
    box-shadow: var(--tt-shadow);
    transition: transform 0.2s ease;
}

.tt-card:hover {
    transform: translateY(-2px);
}

/* Typography & Headers */
h1, h2, h3 { color: var(--tt-secondary); font-weight: 700; }

/* Buttons & Interactions */
.tt-btn, button[type="submit"] {
    background: var(--tt-primary);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.tt-btn:hover { background: var(--tt-primary-dark); }

/* Responsive Navigation Placeholder style */
.tt-nav {
    background: #000;
    color: #fff;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid var(--tt-primary);
}