/* 
  V1 CryptoPunks specific styles.
  This file should ONLY contain overrides for the V1 color theme.
  All layout and structural styles should be inherited from the main site's CSS.
*/

:root {
    /* V1 Brown/Tan Theme - Light Mode */
    --v1-primary-color: #8B4513;
    --v1-accent-color: #A0522D;
    --v1-light-accent: #D2B48C;
}

[data-theme="dark"] {
    /* V1 Brown/Tan Theme - Dark Mode */
    --v1-primary-color: #D2B48C;
    --v1-accent-color: #CD853F;
    --v1-light-accent: #F5DEB3;
}

body {
    background-color: var(--main-background-color);
    color: var(--text-color);
}

/* Apply V1 accent color to specific elements that need it */
.punk-card:hover {
    border-color: var(--v1-accent-color);
}

.stat-card:hover {
    border-color: var(--v1-accent-color);
}

.chart-btn.active,
.chart-btn:hover {
    background-color: var(--v1-accent-color);
    border-color: var(--v1-accent-color);
    color: white;
}

.dashboard-button:hover,
.load-more-btn:hover:not(:disabled) {
    background: var(--v1-accent-color);
    color: white;
}

.dashboard-button,
.load-more-btn {
    border-color: var(--v1-accent-color);
    color: var(--v1-accent-color);
}