/* =========================================
   LINE FOLLOWER — COLORS
   ========================================= */

/* =========================================
   CUERPO
   ========================================= */

.line-follower .robot__body-shell {
    fill: var(--color-surface);
    stroke: var(--color-primary);
    stroke-width: 2;
}

.line-follower .robot__body-panel {
    fill: var(--color-surface-elevated);
    stroke: var(--color-border);
    stroke-width: 2;
}

.line-follower .robot__body-front {
    fill: var(--color-primary);
}


/* =========================================
   RUEDAS
   ========================================= */

.line-follower .robot__wheel rect {
    fill: #161A22;
    stroke: #080B12;
    stroke-width: 2;
}

.line-follower .robot__wheel circle {
    fill: #303744;
}


/* =========================================
   ELECTRÓNICA
   ========================================= */

.line-follower .robot__board {
    fill: var(--color-surface);
    stroke: var(--color-primary);
    stroke-width: 2;
}

.line-follower .robot__controller {
    fill: var(--color-primary);
}

.line-follower .robot__controller-core {
    fill: var(--color-cyan);
}

.line-follower .robot__trace {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.line-follower .robot__connection,
.line-follower .robot__component {
    fill: var(--color-cyan);
}


/* =========================================
   LED DE ESTADO
   ========================================= */

.line-follower .robot__status-glow {
    fill: var(--color-green);
    opacity: 0.18;
}

.line-follower .robot__status-led {
    fill: var(--color-green);
}


/* =========================================
   SENSORES
   ========================================= */

.line-follower .robot__sensor-bar {
    fill: var(--color-surface-elevated);
    stroke: var(--color-border);
    stroke-width: 2;
}

.line-follower .robot__sensor {
    fill: var(--color-cyan);
}


/* =========================================
   SOPORTE FRONTAL
   ========================================= */

.line-follower .robot__support-outer {
    fill: var(--color-surface-elevated);
    stroke: var(--color-border);
    stroke-width: 2;
}

.line-follower .robot__support-inner {
    fill: var(--color-cyan);
}





/* =========================================
   HERO — LINE FOLLOWER
   ========================================= */

.hero__robot .robot__body-shell {
    fill: var(--color-surface);
    stroke: var(--color-border);
    stroke-width: 2;
}

.hero__robot .robot__body-panel {
    fill: var(--color-surface-elevated);
    stroke: var(--color-border);
    stroke-width: 2;
}

.hero__robot .robot__body-front {
    fill: var(--color-primary);
}


/* =========================================
   RUEDAS
   ========================================= */

.hero__robot .robot__wheel rect {
    fill: #161A22;
    stroke: #080B12;
    stroke-width: 2;
}

.hero__robot .robot__wheel circle {
    fill: #303744;
}


/* =========================================
   ELECTRÓNICA
   ========================================= */

.hero__robot .robot__board {
    fill: var(--color-surface);
    stroke: var(--color-primary);
    stroke-width: 2;
}

.hero__robot .robot__controller {
    fill: var(--color-primary);
}

.hero__robot .robot__controller-core {
    fill: var(--color-cyan);
}

.hero__robot .robot__trace {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hero__robot .robot__connection,
.hero__robot .robot__component {
    fill: var(--color-cyan);
}


/* =========================================
   LED
   ========================================= */

.hero__robot .robot__status-glow {
    fill: var(--color-green);
    opacity: 0.18;
}

.hero__robot .robot__status-led {
    fill: var(--color-green);
}


/* =========================================
   SENSORES
   ========================================= */

.hero__robot .robot__sensor-bar {
    fill: var(--color-surface-elevated);
    stroke: var(--color-border);
    stroke-width: 2;
}

.hero__robot .robot__sensor {
    fill: var(--color-cyan);
}


/* =========================================
   SOPORTE
   ========================================= */

.hero__robot .robot__support-outer {
    fill: var(--color-surface-elevated);
    stroke: var(--color-border);
    stroke-width: 2;
}

.hero__robot .robot__support-inner {
    fill: var(--color-cyan);
}