/* 
 * LeanPivot AI - Startup Stage Colors
 * Centralized color definitions for all startup stages across the platform
 * 
 * Usage: Include this file in any template that needs stage colors
 * <link rel="stylesheet" href="{% static 'css/startup-stage-colors.css' %}">
 */

:root {
    /* Stage Colors - Primary (High Contrast for Accessibility) */
    --stage-ideation-primary: #F59E0B;  /* Amber - High contrast, creative energy */
    --stage-validation-primary: #059669;  /* Dark Green - High contrast validation */
    --stage-mvp-primary: #1D4ED8;  /* Dark Blue - High contrast focus */
    --stage-launch-primary: #EA580C;  /* Dark Orange - High contrast action */
    --stage-growth-primary: #0891B2;  /* Dark Teal - High contrast growth */
    --stage-investment-primary: #047857;  /* Dark Money Green - High contrast wealth */
    
    /* Stage Colors - Secondary (darker variants for hover, borders, etc.) */
    --stage-ideation-secondary: #D97706;
    --stage-validation-secondary: #047857;
    --stage-mvp-secondary: #1E40AF;
    --stage-launch-secondary: #C2410C;
    --stage-growth-secondary: #0E7490;
    --stage-investment-secondary: #065F46;
    
    /* Stage Colors - Light (for backgrounds, highlights, etc.) */
    --stage-ideation-light: rgba(245, 158, 11, 0.1);
    --stage-validation-light: rgba(5, 150, 105, 0.1);
    --stage-mvp-light: rgba(29, 78, 216, 0.1);
    --stage-launch-light: rgba(234, 88, 12, 0.1);
    --stage-growth-light: rgba(8, 145, 178, 0.1);
    --stage-investment-light: rgba(4, 120, 87, 0.1);
    
    /* Stage Gradients (for headers, cards, and special elements) */
    --stage-ideation-gradient: linear-gradient(135deg, #F59E0B 0%, #FCD34D 100%);
    --stage-validation-gradient: linear-gradient(135deg, #059669 0%, #10B981 100%);
    --stage-mvp-gradient: linear-gradient(135deg, #1D4ED8 0%, #2563EB 100%);
    --stage-launch-gradient: linear-gradient(135deg, #EA580C 0%, #F97316 100%);
    --stage-growth-gradient: linear-gradient(135deg, #0891B2 0%, #06B6D4 100%);
    --stage-investment-gradient: linear-gradient(135deg, #047857 0%, #059669 100%);
}

/* Stage Icon Classes */
.stage-icon-ideation,
.stage-icon-Ideation {
    background: var(--stage-ideation-gradient);
    color: white;
}

.stage-icon-validation,
.stage-icon-Validation {
    background: var(--stage-validation-gradient);
    color: white;
}

.stage-icon-mvp,
.stage-icon-MVP,
.stage-icon-MVP-Development,
[class*="stage-icon-MVP"] {
    background: var(--stage-mvp-gradient);
    color: white;
}

.stage-icon-launch,
.stage-icon-Launch {
    background: var(--stage-launch-gradient);
    color: white;
}

.stage-icon-growth,
.stage-icon-Growth {
    background: var(--stage-growth-gradient);
    color: white;
}

.stage-icon-investment,
.stage-icon-Investment {
    background: var(--stage-investment-gradient);
    color: white;
}

/* Stage Badge Classes */
.stage-badge-ideation {
    background-color: var(--stage-ideation-primary);
    color: white;
}

.stage-badge-validation {
    background-color: var(--stage-validation-primary);
    color: white;
}

.stage-badge-mvp {
    background-color: var(--stage-mvp-primary);
    color: white;
}

.stage-badge-launch {
    background-color: var(--stage-launch-primary);
    color: white;
}

.stage-badge-growth {
    background-color: var(--stage-growth-primary);
    color: white;
}

.stage-badge-investment {
    background-color: var(--stage-investment-primary);
    color: white;
}

/* Stage Background Classes (light backgrounds for cards, sections) */
.stage-bg-ideation {
    background-color: var(--stage-ideation-light);
    border-left: 4px solid var(--stage-ideation-primary);
}

.stage-bg-validation {
    background-color: var(--stage-validation-light);
    border-left: 4px solid var(--stage-validation-primary);
}

.stage-bg-mvp {
    background-color: var(--stage-mvp-light);
    border-left: 4px solid var(--stage-mvp-primary);
}

.stage-bg-launch {
    background-color: var(--stage-launch-light);
    border-left: 4px solid var(--stage-launch-primary);
}

.stage-bg-growth {
    background-color: var(--stage-growth-light);
    border-left: 4px solid var(--stage-growth-primary);
}

.stage-bg-investment {
    background-color: var(--stage-investment-light);
    border-left: 4px solid var(--stage-investment-primary);
}

/* Stage Text Classes */
.stage-text-ideation {
    color: var(--stage-ideation-primary);
}

.stage-text-validation {
    color: var(--stage-validation-primary);
}

.stage-text-mvp {
    color: var(--stage-mvp-primary);
}

.stage-text-launch {
    color: var(--stage-launch-primary);
}

.stage-text-growth {
    color: var(--stage-growth-primary);
}

.stage-text-investment {
    color: var(--stage-investment-primary);
}

/* Stage Card Classes (complete styling for stage cards) */
.stage-card {
    transition: all 0.3s ease;
}

.stage-card-ideation {
    border: 2px solid var(--stage-ideation-primary);
    background: var(--stage-ideation-light);
}

.stage-card-ideation:hover {
    background: var(--stage-ideation-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(240, 173, 78, 0.3);
}

.stage-card-validation {
    border: 2px solid var(--stage-validation-primary);
    background: var(--stage-validation-light);
}

.stage-card-validation:hover {
    background: var(--stage-validation-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(91, 192, 222, 0.3);
}

.stage-card-mvp {
    border: 2px solid var(--stage-mvp-primary);
    background: var(--stage-mvp-light);
}

.stage-card-mvp:hover {
    background: var(--stage-mvp-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(92, 184, 92, 0.3);
}

.stage-card-launch {
    border: 2px solid var(--stage-launch-primary);
    background: var(--stage-launch-light);
}

.stage-card-launch:hover {
    background: var(--stage-launch-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 83, 79, 0.3);
}

.stage-card-growth {
    border: 2px solid var(--stage-growth-primary);
    background: var(--stage-growth-light);
}

.stage-card-growth:hover {
    background: var(--stage-growth-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 117, 216, 0.3);
}

.stage-card-investment {
    border: 2px solid var(--stage-investment-primary);
    background: var(--stage-investment-light);
}

.stage-card-investment:hover {
    background: var(--stage-investment-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

/* Gradient Background Classes for Cards/Headers */
.stage-ideation-bg {
    background: var(--stage-ideation-gradient) !important;
}

.stage-validation-bg {
    background: var(--stage-validation-gradient) !important;
}

.stage-mvp-bg {
    background: var(--stage-mvp-gradient) !important;
}

.stage-launch-bg {
    background: var(--stage-launch-gradient) !important;
}

.stage-growth-bg {
    background: var(--stage-growth-gradient) !important;
}

.stage-investment-bg {
    background: var(--stage-investment-gradient) !important;
}

/* Utility class for dynamic stage styling */
[data-stage="ideation"] .stage-dynamic {
    color: var(--stage-ideation-primary);
    border-color: var(--stage-ideation-primary);
}

[data-stage="validation"] .stage-dynamic {
    color: var(--stage-validation-primary);
    border-color: var(--stage-validation-primary);
}

[data-stage="mvp"] .stage-dynamic {
    color: var(--stage-mvp-primary);
    border-color: var(--stage-mvp-primary);
}

[data-stage="launch"] .stage-dynamic {
    color: var(--stage-launch-primary);
    border-color: var(--stage-launch-primary);
}

[data-stage="growth"] .stage-dynamic {
    color: var(--stage-growth-primary);
    border-color: var(--stage-growth-primary);
}

[data-stage="investment"] .stage-dynamic {
    color: var(--stage-investment-primary);
    border-color: var(--stage-investment-primary);
}