/* ========================================
   Limitech Module Design Tokens
   Maps to existing app.css palette + simulation-specific extensions
   ======================================== */

:root {
    /* --- Surface & Cards (reuse existing) --- */
    --ltk-surface: var(--background-primary, #fff);
    --ltk-surface-alt: var(--background-secondary, #F7F5F2);
    --ltk-card-bg: var(--background-primary, #fff);
    --ltk-card-border: var(--card-border, #D4E1F0);
    --ltk-card-radius: 8px;
    --ltk-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --ltk-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);

    /* --- Text (reuse existing) --- */
    --ltk-text-primary: var(--text-primary, #303030);
    --ltk-text-secondary: var(--text-light, #4C4C4C);
    --ltk-text-muted: var(--subtext-color, #71757A);
    --ltk-text-on-accent: var(--accent-textcolor, #fff);

    /* --- Borders (reuse existing) --- */
    --ltk-border: var(--border-primary, #B5B5B5CC);
    --ltk-border-light: var(--border-light, #e0e0e0);

    /* --- Accent/Primary (reuse existing indigo) --- */
    --ltk-accent: var(--accent-foreground, RGB(105, 108, 255));
    --ltk-accent-bg: var(--accent-background, #D3D4FF);
    --ltk-accent-active: var(--accent-active, #B2B4FF);

    /* --- Status Colors (reuse existing) --- */
    --ltk-success: var(--success-color, #2D9444);
    --ltk-success-light: var(--success-light, #ABD395);
    --ltk-danger: var(--danger-button-background-color, #FF6969);
    --ltk-warning: var(--warning-color, #E34D4D);
    --ltk-info: var(--info-color, #007bff);

    /* --- Simulation-Specific Colors (NEW) --- */
    --ltk-temp-hot: #E53935;
    --ltk-temp-warm: #FB8C00;
    --ltk-temp-ambient: #43A047;
    --ltk-temp-cold: #1E88E5;
    --ltk-temp-gradient-hot: linear-gradient(135deg, #E53935, #FF7043);
    --ltk-temp-gradient-cold: linear-gradient(135deg, #1E88E5, #42A5F5);

    /* --- Timeline Colors --- */
    --ltk-timeline-bg: var(--gray-100, #f9f9f9);
    --ltk-timeline-track: var(--gray-300, #e0e0e0);
    --ltk-timeline-progress: var(--accent-foreground, RGB(105, 108, 255));
    --ltk-timeline-marker: var(--accent-foreground, RGB(105, 108, 255));

    /* --- Activity Type Colors (for Gantt bars) --- */
    --ltk-activity-heat: #E53935;
    --ltk-activity-cool: #1E88E5;
    --ltk-activity-mix: #7B1FA2;
    --ltk-activity-pump: #00897B;
    --ltk-activity-hold: #FFA726;
    --ltk-activity-add-ingredient: #43A047;
    --ltk-activity-transfer: #5C6BC0;

    /* --- Machine & Equipment --- */
    --ltk-machine-active: var(--success-color, #2D9444);
    --ltk-machine-inactive: var(--gray-400, #d0d0d0);
    --ltk-machine-warning: var(--warning-color, #E34D4D);
    --ltk-buffer-tank-fill: #42A5F5;
    --ltk-buffer-tank-empty: var(--gray-200, #f5f5f5);

    /* --- Score/Rating Colors (for machine recommendation) --- */
    --ltk-score-excellent: #2D9444;
    --ltk-score-good: #43A047;
    --ltk-score-fair: #FFA726;
    --ltk-score-poor: #E53935;

    /* --- Energy & Cost --- */
    --ltk-energy-color: #FF9800;
    --ltk-cost-color: #4CAF50;

    /* --- Circle Diagram --- */
    --ltk-circle-bg: var(--gray-100, #f9f9f9);
    --ltk-circle-ring: var(--gray-300, #e0e0e0);
    --ltk-circle-slot-empty: var(--gray-200, #f5f5f5);
    --ltk-circle-slot-filled: var(--accent-background, #D3D4FF);
    --ltk-circle-slot-active: var(--accent-foreground, RGB(105, 108, 255));

    /* --- Spacing (consistent with 8px grid from app.css) --- */
    --ltk-space-xs: 4px;
    --ltk-space-sm: 8px;
    --ltk-space-md: 12px;
    --ltk-space-lg: 16px;
    --ltk-space-xl: 20px;
    --ltk-space-2xl: 24px;
    --ltk-space-3xl: 32px;
}

/* Backward compatibility: map existing --icv-* vars used in Limitech components */
:root {
    --icv-text-primary: var(--ltk-text-primary);
    --icv-text-secondary: var(--ltk-text-secondary);
    --icv-border-color: var(--ltk-border-light);
    --icv-surface: var(--ltk-surface);
    --icv-card-background: var(--ltk-card-bg);
    --icv-hover-bg: var(--gray-100, #f9f9f9);
    --icv-primary: var(--ltk-accent);
    --icv-error: var(--ltk-danger);
    --icv-warning-light: rgba(245, 158, 11, 0.15);
    --icv-code-bg: var(--gray-100, #f9f9f9);
    --icv-row-bg: var(--table-background-secondary, #F9FAFC);
}