:root {
    /* ===== BASE (fra Prodio, lett justert) ===== */
    --color-main: #FFFFFF;
    --color-primary: #E6E6E6;
    --color-complementary: #E1E1E1;
    --color-alternative: #F1F1F1;
    --color-basic: #ABABAB;
    --color-marker: #444444;
    --color-marker-inverted: #F9F9F9;
    --color-icon: #444444;
    --color-validation: #E81123;
    --color-hover: #C5C5C5;
    --color-pressed: #AEAEAE;
    --color-selected: #EBEBEB;
    --color-readonly-bg: #FFFFFF;
    --color-readonly-border: #ABABAB;
    /* ===== PLATFORM (Prodio blå – beholdes) ===== */
    --color-platform-accent: #2A579A;
    --color-platform-accent-hover: #3E6DB6;
    --color-platform-accent-pressed: #19478A;
    --color-platform-accent-focus: #88C3FF;
    /* ===== SIGNAL (NYTT – grønn identitet) ===== */
    --color-accent: #1DB954;
    --color-accent-hover: #1ED760;
    --color-accent-pressed: #169944;
    --color-accent-focus: #A7F3D0;
    /* Dypere grønn for tekst/markering */
    --color-signal-strong: #14532D;
    --color-signal-soft: #ECFDF5;
    /* ===== STATUS / SIGNAL-NIVÅ ===== */
    --color-signal-new: #1ED760; /* ny sak */
    --color-signal-hot: #22C55E; /* høy verdi */
    --color-signal-medium: #84CC16; /* moderat */
    --color-signal-low: #D9F99D; /* lav */
    /* advarsler */
    --color-warning: #F59E0B;
    --color-warning-soft: #FEF3C7;
    /* ===== GRADIENTS ===== */
    /* Hoved signal gradient */
    --gradient-signal: linear-gradient( 90deg, #1DB954 0%, #A7F3D0 100% );
    /* Sterkere "hot lead" gradient */
    --gradient-hot: linear-gradient( 90deg, #16A34A 0%, #4ADE80 100% );
    /* Subtil bakgrunn for nye elementer */
    --gradient-new-item: linear-gradient( 90deg, rgba(29, 185, 84, 0.15) 0%, rgba(167, 243, 208, 0.05) 100% );
    /* Platform + Signal kombinasjon */
    --gradient-platform-signal: linear-gradient( 90deg, #2A579A 0%, #1DB954 100% );
    /* Hover highlight (myk) */
    --gradient-hover: linear-gradient( 90deg, rgba(29, 185, 84, 0.10) 0%, rgba(29, 185, 84, 0.00) 100% );
    /* ===== SHADOW / GLOW ===== */

    --shadow-signal-glow: 0 0 8px rgba(29, 185, 84, 0.4);
    --shadow-hot-glow: 0 0 12px rgba(34, 197, 94, 0.6);
    /* ===== BORDER / DIVIDER ===== */
    --border-default: #E1E1E1;
    --border-strong: #ABABAB;
    --border-signal: #1DB954;
    /* ===== TEXT ===== */
    --text-primary: #222222;
    --text-secondary: #666666;
    --text-inverted: #FFFFFF;
    --text-signal: #14532D;
}