.template-root[data-brand="angeleno-daily"] {
  --brand-tokens-brand-50: #ffeeeb;
  --brand-tokens-brand-100: #ffd8d2;
  --brand-tokens-brand-200: #ffb1a6;
  --brand-tokens-brand-300: #fb8676;
  --brand-tokens-brand-400: #f65a45;
  --brand-tokens-brand-500: #ec4229;
  --brand-tokens-brand-600: #e2331d;
  --brand-tokens-brand-700: #b82716;
  --brand-tokens-brand-800: #911d11;
  --brand-tokens-brand-900: #6b150c;
  --brand-tokens-brand-950: #3c0b06;
  --brand-tokens-greyscale-10: #fffaf4;
  --brand-tokens-greyscale-50: #f6f2ec;
  --brand-tokens-greyscale-100: #e9e5df;
  --brand-tokens-greyscale-200: #d3d0cb;
  --brand-tokens-greyscale-300: #b2afab;
  --brand-tokens-greyscale-400: #8d8b88;
  --brand-tokens-greyscale-500: #6b6967;
  --brand-tokens-greyscale-600: #545351;
  --brand-tokens-greyscale-700: #3d3c3b;
  --brand-tokens-greyscale-800: #292828;
  --brand-tokens-greyscale-900: #050505;
  --brand-tokens-greyscale-950: #030303;
  --brand-tokens-greyscale-1000: #000000;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "Merriweather";
  --brand-tokens-typography-titles-b: "Merriweather";
  --tint-light: #f7f2ec;
}

.template-root[data-brand="angeleno-daily"] .block-section-title {
  letter-spacing: 0.01em;
}

.template-root[data-brand="angeleno-daily"] {
  --text-default-4: var(--brand-tokens-brand-700);
  --interactive-text-primary-idle: var(--brand-tokens-brand-700);
  --interactive-text-primary-hover: var(--brand-tokens-brand-800);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-700);
  --interactive-contained-primary-idle: var(--brand-tokens-brand-700);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-800);
}

.template-root[data-brand="angeleno-daily"] .block-numbered-list__index {
  color: var(--brand-tokens-greyscale-500);
}

.template-root[data-brand="angeleno-daily"]
  .block-container:not(.block-container--bg-inverted):not(.block-container--bg-brand):not(
    .block-container--bg-image
  )
  .block-section-title__see-all {
  color: var(--brand-tokens-brand-700);
}

.template-root[data-brand="angeleno-daily"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      30% 90% at 14% 22%,
      color-mix(in srgb, var(--brand-tokens-greyscale-900) 9%, transparent) 0%,
      transparent 66%
    ),
    radial-gradient(
      26% 80% at 52% 92%,
      color-mix(in srgb, var(--brand-tokens-greyscale-800) 8%, transparent) 0%,
      transparent 64%
    ),
    radial-gradient(
      34% 95% at 88% 30%,
      color-mix(in srgb, var(--brand-tokens-greyscale-900) 7%, transparent) 0%,
      transparent 68%
    );
}