/* Auto-generated brand-lock CSS. DO NOT MODIFY in the build.
 * Use these CSS variables for ALL color declarations. Do NOT introduce
 * literal hex values for primary/accent — they will fail the brand audit.
 */
:root {
  --brand-primary: #fb73b0;
  --brand-surface: #f7f6f3;
  --brand-text: #12110f;
  --brand-primary-soft: color-mix(in oklch, #fb73b0 12%, white);
  --brand-primary-strong: color-mix(in oklch, #fb73b0 80%, black);

  /* Dark-theme palette (mandated by brand: #263238 base + hot pink) */
  --brand-bg:      #263238;
  --brand-bg-deep: #1a1f23;
  --brand-bg-elev: #2f3a40;
  --brand-line:    #3a464d;
  --brand-muted:   #9aa3a8;
  --brand-on-primary: #1a1f23; /* dark text for use on --brand-primary buttons */
  --yt-red: #ff0000;            /* YouTube brand color — used only for YT play button */
}