/* Kafka Partition Assignments solution summary: same container treatment as
   .diet-solution-summary (pages/diet.css). The concentration table still draws from
   existing theme variables (--color-admonition-title--note/--danger), the
   same pairing Diet and Assigning Workloads use for their tightest bounds.
   The broker-ring diagram below needs one hue per topic (T1-T4), so it
   takes the first four default categorical slots (blue/orange/aqua/yellow)
   - the same four steps as Workforce's workers 1-4, Assigning Workloads'
   workloads 1-4, and Ad Selection's colors 1-4, reused rather than a new
   validated set. */
[role="main"] .kafka-solution-summary {
    padding: 1.2em 1.3em;
    border-radius: 0.6em;
    background: #eef1f5;
    border: 1px solid var(--color-sidebar-background-border);
    --kafka-topic-1: #2a78d6;
    --kafka-topic-2: #eb6834;
    --kafka-topic-3: #1baf7a;
    --kafka-topic-4: #eda100;
}

body[data-theme="dark"] [role="main"] .kafka-solution-summary {
    background: #15171a;
    --kafka-topic-1: #3987e5;
    --kafka-topic-2: #d95926;
    --kafka-topic-3: #199e70;
    --kafka-topic-4: #c98500;
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) [role="main"] .kafka-solution-summary {
        background: #15171a;
        --kafka-topic-1: #3987e5;
        --kafka-topic-2: #d95926;
        --kafka-topic-3: #199e70;
        --kafka-topic-4: #c98500;
    }
}