svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.c4-nav-cta svg { height: 15px; width: 15px; }
.c4-primary svg { height: 18px; width: 18px; }

html[data-wym-theme='cinematic'] .concept-four {
  --c4-accent: #d7ff45;
  --c4-accent-2: #f4f4f0;
  --c4-bg: #070707;
  --c4-surface: #111111;
  --c4-muted: #a4a49d;
  --c4-text: #f4f4f0;
  --c4-on-accent: #070707;
  --c4-logo-blend: screen;
}

html[data-wym-theme='electric'] .concept-four {
  --c4-accent: #67e8ff;
  --c4-accent-2: #ff4fd8;
  --c4-bg: #050813;
  --c4-surface: #0a1122;
  --c4-muted: #91a1b8;
  --c4-text: #f5f8ff;
  --c4-on-accent: #050813;
  --c4-logo-blend: screen;
}

html[data-wym-theme='royal'] .concept-four {
  --c4-accent: #ffd166;
  --c4-accent-2: #ff8a38;
  --c4-bg: #0b0905;
  --c4-surface: #171208;
  --c4-muted: #b2a58c;
  --c4-text: #fffaf0;
  --c4-on-accent: #0b0905;
  --c4-logo-blend: screen;
}

html[data-wym-theme='cloud'] .concept-four {
  --c4-accent: #3157ff;
  --c4-accent-2: #8148db;
  --c4-bg: #f4f5f8;
  --c4-surface: #ffffff;
  --c4-muted: #646a78;
  --c4-text: #10131a;
  --c4-on-accent: #ffffff;
  --c4-logo-blend: multiply;
}

html[data-wym-theme='sand'] .concept-four {
  --c4-accent: #b43f2e;
  --c4-accent-2: #dc8a38;
  --c4-bg: #f3eee5;
  --c4-surface: #fffaf2;
  --c4-muted: #6f655d;
  --c4-text: #19130f;
  --c4-on-accent: #ffffff;
  --c4-logo-blend: multiply;
}

html[data-wym-theme='sober'] .concept-four {
  --c4-accent: #26313d;
  --c4-accent-2: #75808c;
  --c4-bg: #eef0f1;
  --c4-surface: #fafbfb;
  --c4-muted: #5f6872;
  --c4-text: #151a20;
  --c4-on-accent: #ffffff;
  --c4-logo-blend: multiply;
}