/* 
 * 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 (solid colors for badges, text, etc.) */
    --stage-ideation-primary: #f0ad4e;
    --stage-validation-primary: #5bc0de;
    --stage-mvp-primary: #5cb85c;
    --stage-launch-primary: #d9534f;
    --stage-growth-primary: #0275d8;
    --stage-investment-primary: #e74c3c;
    
    /* Stage Colors - Secondary (darker variants for hover, borders, etc.) */
    --stage-ideation-secondary: #ec971f;
    --stage-validation-secondary: #31b0d5;
    --stage-mvp-secondary: #3a9d5d;
    --stage-launch-secondary: #c9302c;
    --stage-growth-secondary: #01579b;
    --stage-investment-secondary: #c0392b;
    
    /* Stage Colors - Light (for backgrounds, highlights, etc.) */
    --stage-ideation-light: rgba(240, 173, 78, 0.1);
    --stage-validation-light: rgba(91, 192, 222, 0.1);
    --stage-mvp-light: rgba(92, 184, 92, 0.1);
    --stage-launch-light: rgba(217, 83, 79, 0.1);
    --stage-growth-light: rgba(2, 117, 216, 0.1);
    --stage-investment-light: rgba(231, 76, 60, 0.1);
    
    /* Stage Gradients (for icons, special elements) */
    --stage-ideation-gradient: linear-gradient(135deg, #f0ad4e, #ec971f);
    --stage-validation-gradient: linear-gradient(135deg, #5bc0de, #31b0d5);
    --stage-mvp-gradient: linear-gradient(135deg, #5cb85c, #3a9d5d);
    --stage-launch-gradient: linear-gradient(135deg, #d9534f, #c9302c);
    --stage-growth-gradient: linear-gradient(135deg, #0275d8, #01579b);
    --stage-investment-gradient: linear-gradient(135deg, #e74c3c, #c0392b);
}

/* 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);
}

/* 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);
}