/* P4.5-B isolated proposal. Load before all six component stylesheets. */
/* Replace only --yy-brand-red and its approved state tones after logo approval. */
:root {
  --yy-white: #ffffff;
  --yy-surface: #f4f5f7;
  --yy-charcoal: #24272b;
  --yy-heading: #1f2328;
  --yy-body: #4b5563;
  --yy-muted: #66717f;
  --yy-line: #e5e7eb;
  --yy-field-line: #9ca3af;
  --yy-brand-red: #c62828;
  --yy-brand-red-hover: color-mix(in srgb, var(--yy-brand-red) 84%, black);
  --yy-brand-red-soft: color-mix(in srgb, var(--yy-brand-red) 10%, white);
  --yy-on-red: #ffffff;
  --yy-on-dark: #ffffff;
  --yy-on-dark-muted: #e5e7eb;
  --yy-focus-ring: var(--yy-brand-red-hover);

  /* Compatibility names in the current Astra/Block CSS. No second color source. */
  --yy-ink: var(--yy-heading);
  --yy-sea: var(--yy-brand-red);
  --yy-paper: var(--yy-surface);
  --yy-night: var(--yy-charcoal);
  --yy-panel: var(--yy-surface);
  --yy-edge: var(--yy-line);
  --yy-mist: var(--yy-body);
  --yy-accent: var(--yy-brand-red);
}