Chart Prompts

Restyle my chart in the "Company Roster" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: an insert slipped into a ballet program. Blush paper, a fine double-rule frame, a centered small-caps title with a tiny diamond ornament, and a restrained plum, rose and lilac palette.

Colors (use these exact values):
- Page: #F4F1F0 (pale blush gray). Frame: a 1.2px #5B2A4B rectangle inset 20px and a 0.5px #5B2A4B rectangle inset 26px.
- Series, darkest to lightest: #5B2A4B (deep plum), #C58A9A (dusty rose), #DCCFE3 (pale lilac). Extra series: #9C6B86 and #EDE4EF.
- Title and highlight text: #5B2A4B. Body text: #3B2733. Secondary text: #86737D. Hairlines: #D8CDCF.

Typography (Google Fonts):
- Cormorant SC for the title (600, 36px, plum, centered), total figures (700, 21px, lining numerals), the "Total" column head (600, 15px) and the footer note (500, 13px).
- Mulish for everything else: eyebrow 11px 700 uppercase with 3px letter-spacing in #C58A9A; subtitle 14px #86737D centered; legend 12.5px 600; category labels 14px 600 right-aligned (latest period 800 in plum); in-bar values 11.5px 700 (white on plum, #3B2733 on the lighter colors); axis labels 11.5px; target label 11.5px 700 italic plum; source 11.5px italic.

Layout:
- Everything in the masthead is centered: eyebrow at y 66, title at y 106, then an ornament at y 124 (two 108px 0.8px #C58A9A rules with a 10px rose diamond between them), subtitle at y 150, and a centered legend of 14 x 10 swatches at y 176.
- Plot from x 178 to 790, rows starting at y 212, 38px per row. A total column right-aligned at x 840. Footer at y 560: note at left, "Source: illustrative data" at right.

Axes and grid:
- Vertical gridlines at each tick, 0.7px #D8CDCF; tick labels below in 11.5px #86737D. A 1px #3B2733 zero line.
- 0.5px dotted (1 on, 3 off) #D8CDCF separators between rows.

Marks:
- Bar chart: horizontal stacked bars 22px thick, square corners, segments in the order plum, rose, lilac from zero, separated by a 1.5px #F4F1F0 gap line. Value labels centered in each segment. Totals in the right-hand column in Cormorant SC, plum when at or above the target. A target is a 1.2px plum dashed (5 on, 3 off) vertical line with an italic label to its left above the plot, and the matching axis tick labeled in plum 700.
- Line chart: 2px lines in plum, rose and a darker lilac #A58DB6 for the third series, each with small r 3.5 dots with a 1.5px #F4F1F0 ring, direct end labels in Mulish 12px 700 in the series color, and the target as the same dashed plum line (horizontal) with its italic label.

Avoid: gradients, shadows, rounded corners, heavy gridlines, bright or saturated colors, and a left-aligned title (this style is centered and symmetrical).

When you're done, render the chart and check that the lilac segments stay visible against the blush page, the totals add up, the target label does not collide with the total column head, and the double frame is evenly inset on all sides.