/* 
 * 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 {
    /*
     * Consolidated 4-color system: FOUNDATIONS / BUILD / SCALE / FUND
     * Free/Foundations = Amber, Ideation+Validation+MVP = Teal (BUILD),
     * Launch+Growth = Blue (SCALE), Investment = Emerald (FUND)
     */

    /* Stage Colors - Primary */
    --stage-free-primary: #F59E0B;       /* Amber — Foundations */
    --stage-ideation-primary: #7C3AED;   /* Violet — BUILD */
    --stage-validation-primary: #7C3AED; /* Violet — BUILD */
    --stage-mvp-primary: #7C3AED;        /* Violet — BUILD */
    --stage-launch-primary: #3B82F6;     /* Blue — SCALE */
    --stage-growth-primary: #3B82F6;     /* Blue — SCALE */
    --stage-investment-primary: #059669;  /* Emerald — FUND */

    /* Stage Colors - Secondary (darker variants for hover, borders) */
    --stage-free-secondary: #D97706;
    --stage-ideation-secondary: #6D28D9;
    --stage-validation-secondary: #6D28D9;
    --stage-mvp-secondary: #6D28D9;
    --stage-launch-secondary: #1D4ED8;
    --stage-growth-secondary: #1D4ED8;
    --stage-investment-secondary: #047857;

    /* Stage Colors - Light (for backgrounds, highlights) */
    --stage-free-light: rgba(245, 158, 11, 0.1);
    --stage-ideation-light: rgba(124, 58, 237, 0.1);
    --stage-validation-light: rgba(124, 58, 237, 0.1);
    --stage-mvp-light: rgba(124, 58, 237, 0.1);
    --stage-launch-light: rgba(59, 130, 246, 0.1);
    --stage-growth-light: rgba(59, 130, 246, 0.1);
    --stage-investment-light: rgba(5, 150, 105, 0.1);

    /* Stage Gradients (for headers, cards, special elements) */
    --stage-free-gradient: linear-gradient(135deg, #D97706 0%, #F59E0B 50%, #FBBF24 100%);
    --stage-ideation-gradient: linear-gradient(135deg, #6D28D9 0%, #7C3AED 50%, #8B5CF6 100%);
    --stage-validation-gradient: linear-gradient(135deg, #6D28D9 0%, #7C3AED 50%, #8B5CF6 100%);
    --stage-mvp-gradient: linear-gradient(135deg, #6D28D9 0%, #7C3AED 50%, #8B5CF6 100%);
    --stage-launch-gradient: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 50%, #60A5FA 100%);
    --stage-growth-gradient: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 50%, #60A5FA 100%);
    --stage-investment-gradient: linear-gradient(135deg, #047857 0%, #059669 50%, #10B981 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);
}