/* Age palette: change these values to replace the age-specific colours. */
[data-comparison-age] {
  --age-table-surface: var(--age-surface);
  --age-table-sticky-surface: color-mix(in srgb, var(--age-accent) 8%, var(--age-table-surface));
}
:root, [data-comparison-age="baby"], [data-program-age="baby"] {
  --age-accent: #41a4ff;
  --age-caption: #4da9ff;
  --age-surface: #f5faff;
  --age-table-surface: var(--age-surface);
  --age-table-sticky-surface: color-mix(in srgb, var(--age-accent) 8%, var(--age-table-surface));
  --age-price-surface: var(--pair-4-bg);
  --age-hero-accent: #41a4ff;
  --age-chat-accent: #2f9bff;
}
:root[data-go-age="child"], [data-comparison-age="child"], [data-program-age="child"] {
  --age-accent: #ff9100;
  --age-caption: #ffaa3b;
  --age-surface: #fff8f0;
  --age-price-surface: var(--pair-2-bg);
  --age-hero-accent: var(--accent);
  --age-chat-accent: #ff9100;
}
