/**
 * Default Theme - Fortune 500 Professional
 * Neutral, minimal styling with subtle visual hierarchy
 *
 * This is the base theme - uses muted colors and subtle borders
 */

:root {
    /* Workflow Category Colors - Neutral/Monochrome */
    --workflow-learn-color: var(--content-border, #e5e7eb);
    --workflow-think-color: var(--content-border, #e5e7eb);
    --workflow-do-color: var(--content-border, #e5e7eb);
    --workflow-node-border-width: 3px;

    /* Workflow Column Headers - Subtle, professional */
    --workflow-learn-header-bg: #6b7280;
    --workflow-think-header-bg: #6b7280;
    --workflow-do-header-bg: #6b7280;

    /* Node title colors - Use consistent branding */
    --workflow-learn-title: var(--page-heading-color, #1a2234);
    --workflow-think-title: var(--page-heading-color, #1a2234);
    --workflow-do-title: var(--page-heading-color, #1a2234);

    /* Arrow colors - Neutral for default theme */
    --workflow-arrow-inactive: #9ca3af;
    --workflow-arrow-learn: #9ca3af;
    --workflow-arrow-think: #9ca3af;
    --workflow-arrow-do: #9ca3af;
}

/* Workflow column headers - neutral grey */
.workflow-column-header-learn {
    background-color: var(--workflow-learn-header-bg);
}

.workflow-column-header-think {
    background-color: var(--workflow-think-header-bg);
}

.workflow-column-header-do {
    background-color: var(--workflow-do-header-bg);
}

/* Workflow node borders - subtle */
#learn-nodes .workflow-node {
    border-left-color: var(--workflow-learn-color);
    border-left-width: var(--workflow-node-border-width);
}

#think-nodes .workflow-node {
    border-left-color: var(--workflow-think-color);
    border-left-width: var(--workflow-node-border-width);
}

#do-nodes .workflow-node {
    border-left-color: var(--workflow-do-color);
    border-left-width: var(--workflow-node-border-width);
}

/* Node titles - consistent dark color */
#learn-nodes .node-title-content {
    color: var(--workflow-learn-title);
}

#think-nodes .node-title-content {
    color: var(--workflow-think-title);
}

#do-nodes .node-title-content {
    color: var(--workflow-do-title);
}

/* Arrow colors - neutral */
.workflow-arrow-path {
    stroke: var(--content-text-muted, #9ca3af);
}